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

Я слишком часто слышу термин «монтировать», когда изучаю ReactJS. И, похоже, в отношении этого термина есть методы жизненного цикла и ошибки. Что именно React подразумевает под монтированием? Примеры: componentDidMount() and componentWillMount()

128 javascript  reactjs 

Я хочу создать систему чата и автоматически прокручивать вниз при входе в окно и при поступлении новых сообщений. Как вы автоматически прокручиваете до конца контейнера в React?

128 reactjs 

Можно ли встроить разметку SVG в компонент ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Приводит к ошибке: Атрибуты пространства имен не поддерживаются. ReactJSX - это не XML. Какой самый легкий способ сделать это. Использование чего-то вроде React ART является излишним для …

127 javascript  svg  reactjs 

Я только что обнаружил, что this.setState()функция реакции в любом компоненте является асинхронной или вызывается после завершения функции, в которой он был вызван. Теперь я поискал и нашел этот блог ( операция мутации состояния setState () может быть синхронной в ReactJS ) Здесь он обнаружил, что setStateэто асинхронный (вызывается, когда стек …

127 javascript  multithreading  asynchronous  reactjs 

Я новичок в ReactJS и пользовательском интерфейсе, и я хотел знать, как сделать простой вызов POST на основе REST из кода ReactJS. Если есть какой-либо пример, это было бы действительно полезно.

126 reactjs  reactjs-flux  reactjs-native 

Я пытаюсь использовать event.stopPropagation () в компоненте ReactJS, чтобы остановить событие щелчка от всплытия и запуска события щелчка, которое было прикреплено с JQuery в устаревшем коде, но похоже, что stopPropagation () React только останавливает распространение на события также прикреплен к React, а stopPropagation () JQuery не останавливает распространение событий, связанных …

126 javascript  jquery  reactjs 

Как определить нажатие клавиши Esc на reactjs? То же, что и jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); После обнаружения я хочу передать информацию компонентам. У меня есть 3 компонента, из которых последний активный компонент …

126 javascript  reactjs 

Я новичок в javascript / redux / react, создаю небольшое приложение с redux, react-redux и react. По какой-то причине при использовании функции mapDispatchToProps в тандеме с connect (привязка response-redux) я получаю TypeError, указывающий, что отправка не является функцией, когда я пытаюсь выполнить полученную опору. Однако когда я вызываю диспетчеризацию как …

125 javascript  reactjs  redux  react-redux 

Кто-нибудь может сказать мне, как я могу вернуться на предыдущую страницу, а не на конкретный маршрут? При использовании этого кода: 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 () был …

124 javascript  reactjs  react-router 

У обоих есть Route, Link и т. Д. Когда использовать тот или иной? Я действительно не понимаю, где использовать каждый из них. На стороне сервера? Сторона клиента? https://reacttraining.com/react-router/ В некоторых примерах вам нужно передать историю, в других - нет. Что делать? <Router history={browserHistory}> против <Router> Это действительно сбивает с толку, …

124 reactjs  react-router 

В этом живом примере можно найти следующий код У меня есть следующий собственный элемент реакции: '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 …

124 css  reactjs  react-native  flexbox 

Я работал с create-react-appэтой проблемой и столкнулся с ней Home does not contain an export named Home. Вот как я настроил свой App.jsфайл: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from './layouts/Home' class App extends Component { render() { return …

123 javascript  reactjs  ecmascript-6  create-react-app 

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

123 javascript  reactjs  redux  react-redux  redux-saga 

Я пытаюсь отправить запрос 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}) }) …

123 reactjs  react-native  redux  axios 

Я создаю небольшое приложение для реагирования, и мои локальные изображения не загружаются. Изображения вроде 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> </div> …

123 javascript  reactjs