在reactJS[duplicate]中使用setState为对象设置单个属性

Question

我正在尝试使用setState更新对象person的属性“name”。但它似乎不起作用。我通过用户输入获取“newName”。

我错过了什么？

this.setState({ person: { name: newName } });

Answer 1

js lang-js prettyprint-override">class TestJS extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            person : {name : "DefaultName", age : 56}
        }
    }

    componentDidMount(){
        this.setState(state => ({ person: Object.assign({}, state.person, { name: "sdsds" }) }));
    }

    render() {
        return(
            <div id="root">
                {this.state.person.name}
                {this.state.person.age}
                <p>Hello world</p>
            </div>

        );
    }
}

export default TestJS;