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

У мене є аутентифікація маркера з сервера, тому, коли моя програма Redux завантажується спочатку, мені потрібно зробити запит на цей сервер, щоб перевірити, чи аутентифікований користувач чи ні, і якщо так, я повинен отримати маркер. Я виявив, що використовувати дії INIT ядра Redux не рекомендується, то як я можу відправити …

85 reactjs  redux 

Я зберігаю посилання у своєму магазині redux і використовую mapStateToProps, щоб виставити посилання на компоненти, які потребують до нього доступу. Посилання, яке зберігається, виглядає так: ref={node => this.myRefToBePutInReduxGlobalStore = node} Який правильний propType для цього посилання?

85 reactjs 

Використовуючи TypeScript з React, нам більше не потрібно розширювати, React.Propsщоб компілятор знав, що всі компоненти реагуючих компонентів можуть мати дітей: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } Однак, схоже, це не стосується функціональних компонентів без громадянства: const MyStatelessComponent = …

85 reactjs  typescript 

У мене є проект, котрий я не торкався 2 тижні. Я беру його назад, і тепер, коли я намагаюся запустити, npm startя отримав цю помилку. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0 npm ERR! npm …

85 javascript  reactjs  create-react-app 

Я намагаюся приховати свій ключ API, коли я приєднуюсь до github, і я переглянув форум, щоб отримати вказівки, особливо наступний пост: Як приховати ключ API у програмі create-response-? Я вніс зміни та відновив пряжу. Я не впевнений, що я роблю неправильно –– я додав .envфайл до кореня мого проекту (я …

85 reactjs  environment-variables  api-key 

Я хотів би знати, чи є кращий спосіб умовно передати опис, ніж використання оператора if. Наприклад, зараз у мене є: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render: function() { if(this.props.editable) { return ( <Child editable={this.props.editableOpts} /> ); } else { // In this case, Child …

85 javascript  reactjs  inline 

Я намагаюся запустити програму Redux, яку я щойно клонував із сховища GitHub. Я спробував запустити його наступною командою npm start Я отримую цю помилку > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm …

85 javascript  reactjs  npm  redux  react-redux 

У мене є компонент-контейнер response-redux, який створений у складі компонента React Native Navigator. Я хочу мати можливість передавати навігатор як підказку до цього компонента контейнера, щоб після натискання кнопки всередині його презентаційного компонента він міг штовхнути об'єкт у стек навігатора. Я хочу зробити це без необхідності вручну писати весь шаблонний …

85 reactjs  react-native  redux  react-redux 

Як я розумію, <Route path="/" component={App} />воля дає Appреквізити, пов'язані з маршрутизацією, як locationі params. Якщо мій Appкомпонент має багато вкладених дочірніх компонентів, як я можу отримати дочірній компонент доступ до цих реквізитів без: передача реквізиту з програми за допомогою віконного об'єкта створення маршрутів для вкладених дочірніх компонентів Я думав, …

85 javascript  reactjs  react-router 

Я прочитав документацію, але насправді не зрозумів різницю між React 16 hydrate()та render()React 16. Я знаю hydrate(), що використовується для поєднання SSR та візуалізації на стороні клієнта. Хтось може пояснити, що таке зволоження, і яка тоді різниця у ReactDOM?

85 javascript  reactjs  react-dom  react-fiber 

У функціональному компоненті React , який є кращим підходом до встановлення замовчувань, використовуючи Component.defaultPropsабо використовуючи параметри за замовчуванням у визначенні функції, приклади: Реквізит за замовчуванням: const Component = ({ prop1, prop2 }) => ( <div></div> ) Component.defaultProps = { prop1: false, prop2: 'My Prop', } Параметри за замовчуванням: const Component …

85 javascript  reactjs  ecmascript-6 

Кожного разу, коли я бігаю webpackв терміналі, я отримую: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Ось мій файл webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …

84 javascript  express  reactjs  webpack  babeljs 

Тож я почав вивчати React тиждень тому, і я неминуче дійшов до проблеми стану та того, як компоненти повинні взаємодіяти з рештою програми. Я шукав навколо, і Redux здається смаком місяця. Я прочитав всю документацію і думаю, що насправді це досить революційна ідея. Ось мої думки щодо цього: Загалом держава …

84 javascript  reactjs  state  immutability  redux 

Я створюю і прослуховую звичайні DOM CustomEventдля зв'язку з батьківськими вузлами: У дитини: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); У батьків: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, Це спрацьовує, але чи існує спосіб реалізації, який був …

84 reactjs 

Я відображаю посилання з реакцією: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Тоді, зверху, у мене є функція upvote: upvote: -> // do stuff (ajax) До посилання я мав пробіг у цьому місці, але мені потрібно перейти на посилання, і ось проблема - кожен раз, коли я натискаю на .upvotesсторінку, оновлюється те, …

84 reactjs  hyperlink  coffeescript  preventdefault