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

Что вызывает следующую проблему? Моя версия Android SDK не поддерживается? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native 

У меня есть элемент флажка TSX (JSX): <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> С помощью VS кода я знаю , что тип входного параметра из this.handleCheckboxClickэто MouseEvent<HTMLInputElement>. Итак, я реализовал это с помощью: private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } Затем я получаю сообщение об ошибке: [ts] Type 'MouseEvent' is not generic.Как …

92 reactjs  typescript  events  types  jsx 

Я использую ReactJS, и часть моего приложения требует хорошо напечатанного JSON. Я получаю JSON, например:, { "foo": 1, "bar": 2 }и если я пропущу его JSON.stringify(obj, null, 4)в консоли браузера, он хорошо распечатывается, но когда я использую его в этом фрагменте реакции: render: function() { var json = this.getStateFromFlux().json; return …

92 javascript  json  reactjs  flux 

Как добавить несколько компонентов с помощью метода css-in-js для добавления классов в компонент реакции? Вот переменная классов: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Вот как я это использовал: return ( <div className={ this.props.classes.container }> Вышеупомянутое работает, но …

92 css  reactjs  material-design  material-ui  jss 

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

92 javascript  ajax  reactjs  state 

Я хочу использовать событие keyDown для div в React. Я делаю: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} …

92 reactjs  events  keypress  keydown 

Я вижу только настоящее приложение под /public. Конфиги webpack.config.jsниже: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] …

92 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Например: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

Первый принцип документации Redux: Состояние всего вашего приложения хранится в дереве объектов в одном хранилище. И мне действительно казалось, что я хорошо понимаю всех руководителей. Но теперь я не понимаю, что означает приложение. Я понимаю, если приложение означает лишь одну из небольших сложных частей на сайте и работает только на …

92 reactjs  redux  flux 

Я просмотрел документацию Facebook по адресу ( React.Component ), и там упоминается, как componentWillMountвызывается на клиенте / сервере, тогда componentDidMountкак вызывается только на клиенте. Что componentWillMountделать с сервером?

91 reactjs 

Я использую Sublime Text в качестве текстового редактора. Есть jsFormat для форматирования файлов javascript, но я не могу найти его для JSX. Как вы, ребята, справляетесь с форматированием JSX?

91 reactjs  sublimetext  react-jsx 

Не могу поверить, что задаю очевидный вопрос, но в журнале консоли все равно появляется ошибка. Консоль сообщает, что не может найти модуль в каталоге, но я проверял не менее 10 раз на наличие опечаток. В любом случае, вот код компонента. Я хочу отобразить заголовок в корне import React, { Component …

91 javascript  reactjs 

Пытаюсь понять, как мне вернуться на предыдущую страницу. Я использую[react-router-v4][1] Это код, который я настроил на своей первой целевой странице: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Чтобы перейти на следующие страницы, я просто делаю: this.props.history.push('/Page2'); Однако как …

91 javascript  reactjs  react-router-v4 

Обычно я размещаю материалы, связанные с кодом, в Stack, но это больше вопрос о том, каковы общие мысли сообщества. Кажется, много людей отстаивают использование Redux с React для управления данными / состоянием, но, читая и изучая и то, и другое, я натолкнулся на кое-что, что выглядит не совсем правильно. Redux …

91 javascript  reactjs  redux 

Я по сути пытаюсь сделать вкладки в реакции, но с некоторыми проблемами. Вот файл page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Когда вы нажимаете кнопку A, компонент RadioGroup должен отменить выбор кнопки B . «Выбранный» означает просто className из состояния или собственности. Вот RadioGroup.jsx: module.exports = React.createClass({ onChange: …

91 reactjs