Вопросы с тегом «reactjs»

Я пытаюсь сделать ПРОСТОЙ с помощью response-router ( версия ^ 1.0.3 ) для перенаправления на другое представление, и я просто устаю. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router: PropTypes.func.isRequired }; constructor(props, context) { super(props, context); } …

102 javascript  reactjs 

Я создаю форму в React Native и хочу сделать TextInput80% ширины экрана. С HTML и обычным CSS это было бы просто: input { display: block; width: 80%; margin: auto; } За исключением того, что React Native не поддерживает displayсвойства, ширину в процентах или автоматические поля. Так что же мне делать …

102 javascript  css  reactjs  react-native 

Как вы можете добиться в ReactJS события зависания или активного события, когда вы выполняете встроенные стили? Я обнаружил, что подход onMouseEnter, onMouseLeave содержит ошибки, поэтому надеюсь, что есть другой способ сделать это. В частности, если вы очень быстро наведете курсор мыши на компонент, будет зарегистрировано только событие onMouseEnter. OnMouseLeave никогда …

102 javascript  css  reactjs  mouseevent  dom-events 

Я создал приложение с ReactNative как для iOS, так и для Android с расширениемListView . При заполнении представления списка допустимым источником данных в нижней части экрана выводится следующее предупреждение: Предупреждение: каждый дочерний элемент в массиве или итераторе должен иметь уникальную "ключевую" опору. Проверьте метод рендеринга ListView. Какова цель этого предупреждения? …

102 facebook  listview  reactjs  react-native 

У меня есть несколько побочных эффектов, и я хочу знать, как их организовать: как одноразовое использование или несколько useEffects Что лучше с точки зрения производительности и архитектуры?

102 reactjs  react-hooks 

Я просматривал документацию по хукам, когда наткнулся на нее useRef. Глядя на их пример… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> …

102 javascript  reactjs  react-hooks 

Я работаю с Reactjs, пишу компонент меню. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId …

101 javascript  reactjs  this  map-function 

PropTypes и Flow охватывают похожие вещи, но используют разные подходы. PropTypes может выдавать вам предупреждения во время выполнения, что может быть полезно для быстрого поиска искаженных ответов, исходящих от сервера и т. Д. Однако Flow, похоже, является будущим, и с такими концепциями, как generics, это очень гибкое решение. Также автозаполнение, …

101 reactjs  flowtype  react-proptypes 

Моя команда и я получили финансирование для начала разработки веб-приложения корпоративного уровня (не буду вдаваться в подробности того, что оно делает). В приложении будет много отдельных веб-страниц, но две из них будут более сфокусированными и очень тяжелыми - тяжелыми, как при большом количестве взаимодействия с пользователем, модальными окнами, отображающими массовые …

101 asp.net  angular  reactjs  razor 

У меня есть помощник с кучей баскетбольных команд. Поэтому я хотел бы показать что-то свое для каждой команды, когда над одной из них зависает. Кроме того, я использую Reactjs, поэтому, если бы у меня была переменная, которую я мог бы передать другому компоненту, это было бы здорово.

101 hover  reactjs 

Я использую тег & nbsp в jsx, и он не отображает пространство. Ниже приводится небольшой фрагмент моего кода. Пожалуйста, помогите. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> </select> <button type="button">Get Pricing Report</button> …

101 html  reactjs  jsx 

Я хочу сделать перетаскиваемый (то есть перемещаемый мышью) компонент React, который, кажется, обязательно включает обработчики глобального состояния и разрозненных событий. Я могу сделать это грязным способом, используя глобальную переменную в моем JS-файле, и, возможно, даже мог бы обернуть его в красивый интерфейс закрытия, но я хочу знать, есть ли способ, …

101 javascript  reactjs 

У меня есть два компонента: Родительский компонент, из которого я хочу изменить состояние дочернего компонента: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } И дочерний компонент : class ChildComponent extends Component …

101 javascript  reactjs 

Одна линия отлично работает render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } не для нескольких строк render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Спасибо.

100 reactjs 

У меня есть данные, называемые станциями, которые представляют собой массив, содержащий объекты. stations : [ {call:'station one',frequency:'000'}, {call:'station two',frequency:'001'} ] Я хотел бы отобразить компонент пользовательского интерфейса для каждой позиции массива. Пока я могу написать var stationsArr = [] for (var i = 0; i < this.data.stations.length; i++) { stationsArr.push( …

100 javascript  reactjs