在 React JS 组件中设置默认状态值的简单方法

Question

有什么简单的方法可以将组件的状态转换为默认状态。

通常我通过设置默认值来为此创建一个函数，如下所示。除了这个还有其他方法吗？

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;

React js 中是否有针对此的预定义函数

提前致谢。 :)

Answer 1

这是一种方法

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

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

    // Set state to default state
    setDefaultState = () => {
        this.setState({
            ...initialState
        });
    }

在 React JS 组件中设置默认状态值的简单方法

Easy way to set default state values in React JS component

reactjs

react-state