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

Я написал десятки Reactфайлов, никогда не использую componentDidUpdateметод. Есть ли типичный пример того, когда нужно использовать этот метод? Мне нужен реальный пример, а не простая демонстрация. Спасибо за ответ!

110 reactjs 

Я инициализировал i18nобъект перевода один раз в компоненте (первый компонент, загружаемый в приложение). Этот же объект требуется во всех других компонентах. Я не хочу повторно инициализировать его в каждом компоненте. Что вокруг? Сделать его доступным для оконной области не помогает, так как мне нужно использовать его в render()методе. Предложите общее …

110 reactjs  javascript-globalize 

Я прочитал это в руководстве по React. Что это значит? React безопасен. Мы не генерируем строки HTML, поэтому по умолчанию используется защита XSS. Как работают XSS-атаки, если React безопасен? Как достигается такая безопасность?

110 reactjs  security  xss 

Я немного не уверен в этих концепциях. Если я создам одно и то же приложение ToDo полностью на AngularJS и ReactJS --- что заставляет React ToDo использовать одностороннюю привязку данных по сравнению с двусторонней привязкой данных AngularJS? Я понимаю, что React работает как Рендеринг (данные) ---> UI. Чем это отличается …

109 javascript  angularjs  reactjs 

Мое реагирующее веб-приложение дает эту ошибку в консоли браузера 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 fallback. Также: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …

109 javascript  reactjs  webpack 

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

108 javascript  reactjs  routes  react-router  url-routing 

Есть ли способ узнать версию React во время выполнения в браузере?

108 javascript  reactjs 

Я представляю список сообщений. Для каждого сообщения я хотел бы отобразить тег привязки с идентификатором сообщения как часть строки href. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li> }) } </ul> ); Как это сделать так , чтобы каждый пост имеет HREF - ые /posts/1, и /posts/2т.д.?

108 javascript  reactjs 

Вот моя ситуация: на this.handleFormSubmit () я выполняю this.setState () внутри this.handleFormSubmit () я вызываю this.findRoutes (); - что зависит от успешного завершения this.setState () this.setState (); не завершается до вызова this.findRoutes ... Как мне дождаться завершения this.setState () внутри this.handleFormSubmit () перед вызовом this.findRoutes ()? Неудовлетворительное решение: помещая this.findRoutes …

108 javascript  reactjs  state 

Что делает npm run ejectкоманда? Я понимаю, что делают другие команды, такие как start, build, test. Но понятия не имею о катапультировании.

108 reactjs  webpack  create-react-app  react-scripts 

Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 3 года назад . Уточните этот вопрос Я новичок в React / Redux. Я использую промежуточное …

107 javascript  reactjs  redux 

Я хочу использовать React для добавления компонентов несколько раз в DOM. Эта скрипка показывает, что я хочу делать, и не вызывает ошибок. Вот код: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div id="second-container"> <!-- This element's contents will be replaced with …

107 reactjs 

У меня проблема, из-за которой повторный рендеринг состояния вызывает проблемы с пользовательским интерфейсом, и мне было предложено обновить только определенное значение внутри моего редуктора, чтобы уменьшить количество повторного рендеринга на странице. это пример моего состояния { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, …

107 javascript  reactjs  redux 

У меня есть простой компонент React, который я подключаю (отображая простой массив / состояние). Чтобы не ссылаться на контекст для магазина, я хотел бы иметь способ получать "отправку" непосредственно из props. Я видел, как другие использовали этот подход, но по какой-то причине не имели к нему доступа :) Вот версии …

107 javascript  reactjs  redux 

Когда я пишу 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 from 'react'; import { render } from 'react-dom'; import …

107 reactjs  webpack  webpack-dev-server