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

Мы узнали, что из React v15.3.0 у нас есть новый базовый класс под названием PureComponent, который можно расширять с помощью встроенного PureRenderMixin . Что я понимаю, так это то, что под капотом используется неглубокое сравнение реквизита внутри shouldComponentUpdate. Теперь у нас есть 3 способа определить компонент React: Функциональный компонент без …

189 javascript  reactjs  ecmascript-6 

Многие языки шаблонов имеют операторы «slots» или «yield», которые позволяют выполнять какое-то обращение управления, чтобы обернуть один шаблон внутри другого. Angular имеет опцию «transclude» . У Rails есть заявление о выходе . Если бы в React.js был оператор yield, он бы выглядел так: var Wrapper = React.createClass({ render: function() { …

187 javascript  template-engine  composition  reactjs  transclusion 

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто 2 года назад . Улучшить этот вопрос React 16.3.0 был выпущен, и Context API больше не является …

187 javascript  reactjs  redux  react-redux  react-context 

Предположим, у меня есть класс React P, который отображает два дочерних класса, C1 и C2. C1 содержит поле ввода. Я буду называть это поле ввода Foo. Моя цель - позволить C2 реагировать на изменения в Foo. У меня есть два решения, но ни одно из них не кажется правильным. Первое …

186 reactjs 

У меня проблемы с формой React и правильным управлением состоянием. У меня есть поле ввода времени в форме (в модальном). Начальное значение задается как переменная состояния в getInitialStateи передается из родительского компонента. Это само по себе прекрасно работает. Проблема возникает, когда я хочу обновить значение start_time по умолчанию через родительский …

184 reactjs 

Почему я не могу получить доступ к методам компонента извне в ReactJS? Почему это невозможно и есть ли способ решить это? Рассмотрим код: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); …

183 javascript  reactjs  dom 

Я вызываю веб-сервис с помощью fetch, но то же самое я могу сделать с помощью axios. Так что теперь я в замешательстве. Должен ли я пойти на аксиос или получить?

183 ajax  reactjs  xmlhttprequest  es6-promise  es6-modules 

Я хотел бы, чтобы отобразить titleв <AppBar />том , что каким - то образом передается из текущего маршрута. В React Router v4, как можно <AppBar />было бы передать текущий маршрут в его titleпропеллер? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' …

182 reactjs  react-router  react-router-v4 

В React 16.8.6 (это было хорошо в предыдущей версии 16.8.3) я получаю эту ошибку, когда пытаюсь предотвратить бесконечный цикл при запросе выборки. ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Я не смог найти решение, которое останавливает бесконечный …

182 reactjs  eslint  create-react-app  react-hooks 

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

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

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

181 javascript  reactjs  ecmascript-6 

Я новичок во всем мире nodejs / реагий, поэтому прошу прощения, если мой вопрос звучит глупо. Так что я играюсь с реагирующим.js . Всякий раз, когда я делаю, npm startон всегда работает localhost:8080. Как я могу изменить его, чтобы 0.0.0.0:8080он стал общедоступным? Я пытался прочитать исходный код в приведенном выше …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Я пытаюсь переключить состояние компонента в ReactJS, но я получаю сообщение об ошибке: Превышена максимальная глубина обновления. Это может произойти, когда компонент повторно вызывает setState внутри componentWillUpdate или componentDidUpdate. React ограничивает количество вложенных обновлений для предотвращения бесконечных циклов. Я не вижу бесконечный цикл в моем коде, кто-нибудь может помочь? Код …

179 javascript  reactjs  react-native 

Мне очень нравится встроенный шаблон CSS в React, и я решил использовать его. Тем не менее, вы не можете использовать :hoverи подобные селекторы. Итак, как лучше всего реализовать выделение при наведении при использовании встроенных стилей CSS? Одно из предложений от #reactjs - иметь Clickableкомпонент и использовать его следующим образом: <Clickable> …

178 reactjs 

Я использую в качестве среды Cloud9.io Ubuntu VM Online IDE, и из-за устранения этой ошибки я сократил ее до простого запуска приложения с сервером Webpack dev. Я запускаю это с: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP - это переменная с адресом хоста. $ PORT имеет номер …

177 reactjs  webpack-dev-server  cloud9-ide  cloud9