Запитання з тегом «reactjs»

Я розбиваю приклад Redux, щоб спробувати зрозуміти його. Я прочитав, що mapDispatchToPropsдозволяє відобразити диспетчерські дії як реквізит, тому я подумав переписати, addTodo.jsщоб використовувати mapDispatchToProps замість виклику диспетчеру (addTodo ()). Я зателефонував addingTodo(). Щось на зразок цього: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo …

92 javascript  reactjs  redux  react-redux 

У моєму компоненті реакції я намагаюся реалізувати просту вертушку під час виконання запиту 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 

Першим принципом документації Redux є: Стан усієї вашої програми зберігається у дереві об’єктів в межах одного сховища. І я насправді думав, що добре розумію всіх директорів. Але мене зараз бентежить, що означає додаток. Якщо додаток означає лише одну з трохи складних частин веб-сайту і працює лише на одній сторінці, я …

92 reactjs  redux  flux 

У мене є прапорець 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; …

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 

Я хотів би запитати, як реагують рідні дескриптори або реагують на адаптивний шрифт. Наприклад, у iphone 4s у мене є fontSize: 14, тоді як у iphone 6 у мене fontSize: 18.

92 ios  reactjs  react-native 

Я знаю, що розширення chrome використовують 'manifest.json', але тут воно використовується і як щось інше. вміст - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Коли я змінюю якесь …

92 reactjs  manifest  create-react-app 

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

91 reactjs 

Я використовую Sublime Text як текстовий редактор. Існує jsFormat для форматування файлів javascript, але я не можу знайти його для JSX. Як ви, хлопці, маєте справу з форматуванням JSX?

91 reactjs  sublimetext  react-jsx 

Redux docs для bindActionCreators зазначає, що: Єдиний випадок використання - bindActionCreatorsце коли ви хочете передати деякі творці дій компоненту, який не знає про Redux, і ви не хочете передавати йому відправлення або магазин Redux. Що може бути прикладом, де bindActionCreatorsбуде використано / потрібно? Який компонент не знав би про Redux …

91 reactjs  redux  react-redux 

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

91 javascript  select  input  reactjs 

Я працюю над проектом з Typescript, React та Redux (усі працюють в Electron), і я зіткнувся з проблемою, коли включаю один компонент на основі класу до іншого і намагаюся передавати параметри між ними. Вільно кажучи, у мене є така структура для компонента контейнера: class ContainerComponent extends React.Component<any,any> { .. render() …

91 reactjs  typescript  redux  electron  jsx 

У мене є ця проста програма для реагування helloworld, створена з онлайн-курсу, однак я отримую таку помилку: Недійсний об'єкт конфігурації. Webpack ініціалізовано за допомогою об'єкта конфігурації, який не відповідає схемі API. - конфігурація має невідому властивість 'postcss'. Ці властивості дійсні: об'єкт {amd ?, bail ?, кеш ?, контекст ?, залежності …

91 reactjs  typescript  webpack