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

В обох є маршрут, посилання тощо. Коли користуватися тим чи іншим? Я дуже розгублений у тому, де їх використовувати. Сторона сервера? Клієнтська сторона? https://reacttraining.com/react-router/ В одних прикладах потрібно передати історію, в інших ні. Що робити? <Router history={browserHistory}> проти <Router> Це дуже заплутано в тому, коли використовувати ту чи іншу, будь-яка …

123 reactjs  react-router 

Якщо магазини підтримуватимуть свій власний стан і матимуть можливість зателефонувати в мережу та служби зберігання даних ... в цьому випадку дії - це просто нерозумні повідомлення перехожих, -OR- ... чи повинні магазини бути тупими одержувачами незмінних даних від дій (а дії будуть тими, які отримують / надсилають дані між зовнішніми …

122 reactjs  reactjs-flux 

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

122 javascript  node.js  reactjs 

Я намагався реалізувати автентифіковані маршрути, але виявив, що React Router 4 зараз заважає цьому працювати: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Помилка: Попередження: не слід використовувати <Route component>і <Route children>в тому ж маршруті; <Route …

122 javascript  reactjs  react-router  react-router-v4 

У цьому прямому прикладі можна знайти наступний код У мене є наступний природний елемент реагування: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css  reactjs  react-native  flexbox 

Як отримати доступ до стану редуксації у функції саги? Коротка відповідь: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

122 javascript  reactjs  redux  react-redux  redux-saga 

У мене, здається, виникають проблеми з підштовхуванням даних у масив стану. Я намагаюся досягти цього таким чином: this.setState({ myArray: this.state.myArray.push('new value') }) Але я вважаю, що це неправильно і викликає проблеми з незмінністю?

122 javascript  reactjs  immutability 

Я будую невеликий додаток для реагування, і мої локальні зображення не завантажуватимуться. Зображення, якplacehold.it/200x200 навантаження. Я думав, може, це може бути щось із сервером? Ось мій App.js import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div className="home-content"> <div className="home-text"> <h1>foo</h1> …

122 javascript  reactjs 

Я вперше пробую хуки React, і все здавалося добре, поки я не зрозумів, що коли я отримую дані та оновлюю дві різні змінні стану (дані та прапор завантаження), мій компонент (таблиця даних) відображається двічі, хоча обидва виклики для оновлення стану відбуваються в тій самій функції. Ось моя функція api, яка …

122 javascript  reactjs  react-hooks 

Це може бути вподобання цієї межі між відповідальним та впевненим, але я рухаюсь вперед і назад щодо того, як структурувати компонент ReactJS, коли складність зростає і може використовувати певний напрямок. Починаючи з AngularJS, я хочу передати свою модель в компонент як властивість і змусити компонент змінити модель безпосередньо. Або я …

121 reactjs 

Чи краще зберігати посилання на час очікування як змінну екземпляра (this.timeout) або змінну стану (this.state.timeout) у react.js? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the …

121 javascript  reactjs 

Може хто-небудь скажіть мені, як я можу повернутися до попередньої сторінки, а не до певного маршруту? Під час використання цього коду: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Отримайте цю помилку, goBack () …

121 javascript  reactjs  react-router 

Я намагаюся надіслати GET-запит як другий параметр, але він не працює, поки він працює як URL-адреса. Це працює, $ _GET ['naam'] повертає тест: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } …

121 reactjs  react-native  redux  axios 

У мене є таке: Як я можу позбутися від синього підкреслення? Код нижче: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> Компонент MenuItem походить з http://www.material-ui.com/#/components/menu Будь-яке розуміння чи настанови були б дуже вдячні. Спасибі заздалегідь.

121 javascript  reactjs  react-router 

Чи React.PropTypesмає сенс використання в програмі TypeScript React або це лише випадок "поясів і підтяжок"? Оскільки клас компонента оголошено Propsпараметром типу: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } чи є реальна користь від додавання static propTypes { myProp: React.PropTypes.string } до визначення …

121 reactjs  typescript  react-proptypes