Простой способ установить значения состояния по умолчанию в компоненте React JS.

Есть ли простой способ установить преобразование состояния компонента в состояние по умолчанию.

Обычно я создаю для этого функцию, устанавливая значения по умолчанию, как показано ниже. Есть ли другой способ вместо этого?

import React, { Component } from 'react';

class Person extends Component {
    state = {
        firstName: null,
        lastName : null,
        age      : null,
        address  : null,
    }

    // Set state to default state
    setDefaultState = () => {
        this.setState({
            firstName: null,
            lastName : null,
            age      : null,
            address  : null,
        });
    }

    render() {
        return(
            <div>
                Person Component
            </div>
        );
    }
}

export default Person;

Есть ли какая-либо предопределенная функция для этого в реакции js.

Заранее спасибо. :)


reactjs react-state
person Hemantha Dhanushka    schedule 21.07.2019    source источник
comment
Это то, что вы ищете. stackoverflow.com/questions/21749798/   -  person Thakur Karthik    schedule 21.07.2019
comment
В этом ответе, как говорится, для этого нет функции предварительного определения. Что мне нужно, так это то, что когда я создаю модальное окно, мне нужно установить его состояние по умолчанию, когда оно скрыто. Для этого я сейчас использую подобную выше функцию, которая находится в моем вопросе setDefaultState(). Я спрашиваю, есть ли какая-либо предопределенная функция в реакции js вместо моего текущего подхода.   -  person Hemantha Dhanushka    schedule 21.07.2019
comment
Да, извините, что ввел в заблуждение то, что вы делаете, это то же самое, за чем следуют другие, включая меня. Удачного кодирования!   -  person Thakur Karthik    schedule 21.07.2019
comment
Хорошо, спасибо @ThakurKarthik   -  person Hemantha Dhanushka    schedule 21.07.2019

Ответы (1)


arrow_upward
1
arrow_downward

это подход

initialState = {
    firstName: null,
    lastName : null,
    age      : null,
    address  : null,
}

class Person extends Component {
    state = {
        ...initialState
    }

    // Set state to default state
    setDefaultState = () => {
        this.setState({
            ...initialState
        });
    }
person cuongtd    schedule 21.07.2019
comment
Верно. Но есть ли какая-либо предопределенная функция для этого вместо создания новой функции для преобразования текущего состояния в состояние по умолчанию в реакции js? - person Hemantha Dhanushka; 21.07.2019