reactjs - 在 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
        });
    }