Я пробую свою первую часть React.js, и на раннем этапе меня озадачивает ... У меня есть приведенный ниже код, который отображает форму поиска <div id="search"></div>. Но ввод в поле поиска ничего не дает. Предположительно, что-то не хватает передачи реквизита и состояния вверх и вниз, и...
Стоит ли использовать this.setState()при использовании redux? Или вы всегда должны распределять действия и полагаться на
Я прочитал это в руководстве по React. Что это значит? React безопасен. Мы не генерируем строки HTML, поэтому по умолчанию используется защита XSS. Как работают XSS-атаки, если React безопасен? Как достигается такая безопасность?...
Я инициализировал i18nобъект перевода один раз в компоненте (первый компонент, загружаемый в приложение). Этот же объект требуется во всех других компонентах. Я не хочу повторно инициализировать его в каждом компоненте. Что вокруг? Сделать его доступным для оконной области не помогает, так как мне...
Я написал десятки Reactфайлов, никогда не использую componentDidUpdateметод. Есть ли типичный пример того, когда нужно использовать этот метод? Мне нужен реальный пример, а не простая демонстрация. Спасибо за...
Мое реагирующее веб-приложение дает эту ошибку в консоли браузера Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a...
Я немного не уверен в этих концепциях. Если я создам одно и то же приложение ToDo полностью на AngularJS и ReactJS --- что заставляет React ToDo использовать одностороннюю привязку данных по сравнению с двусторонней привязкой данных AngularJS? Я понимаю, что React работает как Рендеринг (данные)...
Я думал, и меня смущает маршрутизация между клиентом и сервером. Предположим, я использую ReactJS для рендеринга на стороне сервера перед отправкой запроса обратно в веб-браузер и использую response-router в качестве маршрутизации на стороне клиента для переключения между страницами без обновления...
Что делает npm run ejectкоманда? Я понимаю, что делают другие команды, такие как start, build, test. Но понятия не имею о катапультировании.
Я представляю список сообщений. Для каждого сообщения я хотел бы отобразить тег привязки с идентификатором сообщения как часть строки href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a...
Есть ли способ узнать версию React во время выполнения в
Вот моя ситуация: на this.handleFormSubmit () я выполняю this.setState () внутри this.handleFormSubmit () я вызываю this.findRoutes (); - что зависит от успешного завершения this.setState () this.setState (); не завершается до вызова this.findRoutes ... Как мне дождаться завершения this.setState...
Я новичок в React Router и узнал, что существует так много способов перенаправить страницу: С помощью browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); С помощью this.context.router.push("/path") class Foo extends...
Я хочу использовать React для добавления компонентов несколько раз в DOM. Эта скрипка показывает, что я хочу делать, и не вызывает ошибок. Вот код: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div...
У меня есть простой компонент React, который я подключаю (отображая простой массив / состояние). Чтобы не ссылаться на контекст для магазина, я хотел бы иметь способ получать "отправку" непосредственно из props. Я видел, как другие использовали этот подход, но по какой-то причине не имели к нему...
Когда я пишу webpack.config.js вот так module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; И в index.jsxимпортирую reactмодульApp import React...
Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 3 года назад . Уточните этот вопрос Я новичок в React / Redux. Я использую...
У меня проблема, из-за которой повторный рендеринг состояния вызывает проблемы с пользовательским интерфейсом, и мне было предложено обновить только определенное значение внутри моего редуктора, чтобы уменьшить количество повторного рендеринга на странице. это пример моего состояния { name: "some...
Каждый раз, когда я пытаюсь использовать значок Font Awesome в React render(), он не отображается на результирующей веб-странице, хотя работает в обычном HTML. render: function() { return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>; } Вот живой...
Я запускаю lint с моим приложением React и получаю эту ошибку: error JSX props should not use arrow functions react/jsx-no-bind И здесь я запускаю стрелочную функцию (внутри onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked}...