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

React router позволяет реагировать на приложения /arbitrary/route. Чтобы это работало, мне нужен мой сервер для отправки приложения React по любому подходящему маршруту. Но сервер разработки веб-пакетов не обрабатывает произвольные конечные точки. Здесь есть решение с использованием дополнительного экспресс-сервера. Как разрешить для webpack-dev-server разрешать точки входа из реагирующего маршрутизатора Но я …

148 reactjs  ecmascript-6  webpack  react-router 

Я играю с ReactJS фреймворком на JSBin . Я заметил, что если имя моего компонента начинается со строчной буквы, оно не работает. Например, следующее не отображает: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); Но как только я заменить fmlс Fmlней действительно …

148 javascript  reactjs 

Любопытно, как правильно подойти к этому: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: …

148 javascript  reactjs  jsx 

Я использую webpack для управления проектом responsejs . Я хочу загружать изображения в javascript с помощью webpack file-loader. Ниже представлен файл webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports …

148 javascript  reactjs  webpack 

Полный код здесь: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Здравствуй, У меня есть приложение, в котором показаны разные шаблоны для настольных и мобильных устройств в зависимости от среды сборки. Я успешно могу разработать его там, где мне нужно скрыть меню навигации для моего мобильного шаблона. прямо сейчас я могу написать один тестовый пример, в котором …

147 reactjs  mocha  redux 

Я пытаюсь преобразовать компонент jQuery в React.js, и одна из проблем, с которыми я сталкиваюсь, это рендеринг n элементов на основе цикла for. Я понимаю, что это невозможно, или рекомендуется, и что, когда в модели существует массив, имеет смысл использовать его полностью map. Это нормально, но что делать, когда у …

146 javascript  jquery  reactjs  react-jsx 

В моем среагировать и машинопись приложения, я использую: onChange={(e) => data.motto = (e.target as any).value}. Как мне правильно определить типизацию для класса, чтобы мне не пришлось взламывать систему типов any? export interface InputProps extends React.HTMLProps<Input> { ... } export class Input extends React.Component<InputProps, {}> { } Если поставить, target: { …

143 reactjs  typescript  types  typescript-typings 

Я пробовал useEffectпример ниже: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); и я получаю это предупреждение в своей консоли. Но я думаю, что очистка необязательна для асинхронных вызовов. Не знаю, …

142 javascript  reactjs  react-hooks 

У меня есть очень простой функциональный компонент: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; И еще один компонент: import * as React from "react"; export interface LayoutProps { children: React.ReactNode } const layout = …

141 reactjs  typescript  jsx  typescript2.0 

Я делаю свой первый шаг в ReactJS и пытаюсь понять общение между родителями и детьми. Я делаю форму, поэтому у меня есть компонент для оформления полей. А также у меня есть родительский компонент, который включает поле и проверяет его. Пример: var LoginField = React.createClass({ render: function() { return ( <MyField …

140 javascript  reactjs 

Я знаю, что React может выполнять обновления состояния асинхронно и в пакетном режиме для оптимизации производительности. Поэтому вы никогда не можете доверять обновлению состояния после вызова setState. Но можете ли вы доверять React, чтобы обновлять состояние в том же порядке, что setStateи для тот же компонент? разные компоненты? Рассмотрите возможность …

140 javascript  reactjs  state  setstate 

Является ли использование componentDidMount()асинхронной функции хорошей практикой в ​​React Native или мне следует избегать этого? Мне нужно получить некоторую информацию о том, AsyncStorageкогда компонент монтируется, но единственный известный мне способ сделать это возможным - сделать componentDidMount()функцию асинхронной. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } Есть …

139 reactjs  asynchronous  react-native 

Я использую Typescript с React. У меня возникли проблемы с пониманием того, как использовать ссылки, чтобы получить статическую типизацию и intellisense в отношении узлов реакции, на которые ссылаются ссылки. Мой код выглядит следующим образом. import * as React from 'react'; interface AppState { count: number; } interface AppProps { steps: …

139 reactjs  typescript 

Как мне получить полный URL из компонента ReactJS? Я думаю, это должно быть что-то вроде, this.props.locationно это такundefined

139 reactjs 

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

138 django  reactjs