3
голоса
Принятый
Правильно ли так изменять state?
Документация по React гласит (и я полностью с ней согласен):
Никогда не мутируйте this.state напрямую, так как более поздний
вызов setState() может перезаписать эту мутацию. Относитесь к
this....
2
голоса
Принятый
React: как изменить стейт переданный в функцию
Передайте в функцию значение this из компонента, там у вас другая переменная this, отсюда и ошибка. Ведь this имеет разное значение при каждом вызове функции, а еще значение this зависит от того, ...
2
голоса
Принятый
Кнопка "назад" для возврата к предыдущему состоянию React?
Наверное вы неправильно поняли подсказку, которую Вам дали. Скорее всего имелось ввиду сохранять весь стейт в виде массива, в какое-то поле state, например history, и по нему уже гулять.
Что то вроде ...
2
голоса
Принятый
изменение state в одном react-компоненте по кнопке из другого компонента
Можно так...
import React from 'react';
import { render } from 'react-dom';
class ChildComponent extends React.Component {
state = {
name: 'Бумеранг вернулся назад'
}
render() {
return (
&...
2
голоса
Принятый
Как установить значение одного свойства объекта, как значение другого свойства этого же объекта? React
Основной вопрос тут: зависит ли name только от number, или позже будет изменяться отдельно.
Если name зависит только от number, то его лучше не делать стейтом.
Сделайте метод: getName(){ return 'Вася' ...
2
голоса
Принятый
redux + react, как контролировать данные?
можно делать на прямую. Но если надо обрабатывать ошибки ввода то лучше через state компонента
2
голоса
Принятый
Отставание state в React
Ошибка была здесь:
case "RUB_INPUT":
console.log("reducer", action.value);
return {
...state,
rubInputNum: action.value,
curInputNum: +action....
2
голоса
Принятый
Как обновить значения state в объекте, который хранится в массиве?
Код использующий bank рассчитывает, что элементам будут объекты с полем amount.
Однако в методе addMoney устанавливается массив чисел. Из-за этого при попытке получить свойство amount в дальнейшем, ...
1
голос
Принятый
State React и props. Теряется при export
Проблема в следующем вызове компонента:
<MDBModalHeader toggle={this.props.foo}>
Опишите вашу проблему ниже:
</MDBModalHeader>
Вы передаете в toggle булево значение, а нужно передать ...
1
голос
Принятый
Не обновляется state, после перезаписи значений
function ThirdSection(props){
const [print,setPrint] = useState('print col-md-3 m-auto')
return (
<button onClick={ev => setPrint('hide')}>Change Value!</button&...
1
голос
Принятый
Сброс localstorage при обновлении страницы
const useLocalStorageList = (key,defaultValue) => {
const [ state, setState ] = useState(()=>JSON.parse(localStorage.getItem(key)||defaultValue))
useEffect(()=>{
localStorage....
1
голос
Принятый
как у React устроен hook useState?
предполагаю, что так))
function useState(defaultValue) {
const currentState = defaultValue;
function stateSetter(value) {
currentState = value;
// дальше триггер для ...
1
голос
Хранение Map и других подобных сущностей в стейте Redux
Да, javascript и редакс позволяют вам здесь обмануть самого себя.
Редакс задумывался для работы с неизменяемыми объектами, и для корректной работы ожидает именно их.
Я стараюсь работать с ...
1
голос
Записать еще один объект в state в React
У вас неправильный флоу. В стейте должен быть массив с обьектом, так будет более правильно работать со структурой данных. Но для вашей ситуации можно применить такое решение:
const addItem = meal =&...
1
голос
Принятый
При удалении элемента через setState удаляется весь массив в React
Не используйте splice. Это изменит исходные данные.
Вы можете использовать filter. для создания новых данных. Пример:
class App extends React.Component {
constructor(props) {
super(props)
...
1
голос
Принятый
Как обновить state при первом клике?
setState работает асинхронно
Вызовы setState являются асинхронными, поэтому не стоит рассчитывать, что this.state отобразит новое значение мгновенно после вызова setState.
https://ru.reactjs.org/...
1
голос
Принятый
React и умное изменение стейта
function plus(ingridient) {
setIngridients((prevState) => ({
...prevState,
[ingridient]: prevState[ingridient] + 1
}))
}
1
голос
JS: добавление элемента в ассоциативный массив в состояния React
В setState можно передать функцию, которая на вход получает текущий state, развернуть спредом selected и поменять (или добавить) элемент:
this.setState(state => ({
selected: {
...state....
1
голос
JS: добавление элемента в ассоциативный массив в состояния React
Делать так не совсем корректно, так как копия массива не создаётся. tmp это просто ссылка на массив в стейте и прямая мутация стейта крайне не желательна. Прилагаю рабочий пример как делать это без ...
1
голос
Принятый
При обновлении state react не перерисовывает приложение
Исправил некоторые моменты, оформление и стилия я удалял чтобы у меня на компьютере работало. Вся логика работает. Прилагаю работяющий код ниже. Вот что исправил:
1)В App классе: удалил modal из ...
1
голос
работа с setState
Вы можете получить в коллбэк предыдущее состояние.
this.setState((prevState) => ({
...prevState,
counter: prevState.counter + 1
}));
Пример: https://codesandbox.io/s/morning-snowflake-751ix?...
1
голос
после axios запроса, не обновляется стейт в реакт
Вам надо сделать Separation of Concerns в вашем коде. Полезно было бы перечитать туториал по Редаксу - https://redux.js.org/tutorials/essentials/part-1-overview-concepts.
То, как организован ваш store ...
1
голос
Подскажите как вывести компонент в цикле?
например так, не совсем понятно что у вас за функция store в вопросе
const state = {
arr: [{"name":"Mikle"},{"name":"Alex"}]
};
const Element = ({item})=>{
return <div>{item.name}<...
1
голос
Как динамически изменить state в react js?
Незачем свойства копировать внутрь компонента, можно прям в рендере использовать их и все автоматически перерисуется
Советую перечитать официальный туториал, там все эти моменты объяснены
import ...
1
голос
Не происходит re-render, хотя state в redux изменился
Вопрос решен. Все дело в мутации данных.
Правильный вариант - использовать Immutable.js либо Immer
"несовсем" правильный - .splice() - для создания нового массива.
1
голос
Принятый
Как передать state через combineRedusers или connect
То что вы хотите сделать это во первых антипаттерн.
Так с redux-ом не работают.Их не разделяют чтобы потом достать дату из одного стейта и передать в другую.
combinereducer нужно для того чтобы ...
1
голос
Как изменить состояние во вложенном объекте || Redux
Можно так попробывать)
return {...initialState, filterState: {...initialState.filterState, category: 'hello'}}
1
голос
Принятый
React. Проблема со state
Во-первых: переходите на хуки, с классами работают только мазохисты.
С классами особо не работал, но подозреваю что проблема тут (могу ошибаться):
updateActiveTags = activeTags => {
this....
1
голос
Принятый
Потеря state React
Если вы хотите вернуть начальное значение, то его нужно где-то хранить, в константе (если список неизменный) или в state (если список меняется от каких-то условий) и от него отталкиваться при ...
1
голос
React: Рендер функционального компонента только в случае изминения Props
Если у всех трех компонентов различное поведение и им требуются только некоторые props, то и незачем передавать всем весь многоуровневый объект. Тогда они и будут рендериться только при изменении ...
Only top scored, non community-wiki answers of a minimum length are eligible
Связанные метки
state × 100reactjs × 75
javascript × 39
redux × 16
setstate × 14
python × 13
aiogram × 13
telegram-bot × 9
render × 5
объекты × 4
react-hook × 4
массивы × 3
vue.js × 3
button × 3
react-native × 3
axios × 3
vuex × 3
telegram × 2
async-await × 2
click × 2
calendar × 2
ajax × 1
json × 1
bootstrap × 1
функции × 1