时间戳

首页 > 解决方案 > TypeError：解构对象后“x”是（不是）“y”

javascript - TypeError：解构对象后“x”是（不是）“y”

问题描述

在我的反应应用程序中，当我运行此代码时，我得到TypeError: "x" is (not) "y"：

deletePersonHandler = (personIndex) => {
    const { persons } = this.state.persons;
    persons.splice(personIndex, 1);
    this.setState({ persons });
}

当我不使用解构时没有问题：

deletePersonHandler = (personIndex) => {
    const persons = this.state.persons;
    persons.splice(personIndex, 1);
    this.setState({ persons });
}

如果有帮助，则将此方法作为 click 属性传递给功能组件：

        persons = (
            <div>
                {this.state.persons.map((person, index) => {
                    return <Person name={person.person} age={person.age} click={() => this.deletePersonHandler(index)} changed={this.nameChangedHandler.bind(this)} />;
                })}
            </div>
        );

为什么解构会有所作为？

标签： javascriptreactjsdestructuring

解决方案

您正在尝试将其解构this.state.persons为具有persons- 属性的对象，但您想要 的persons属性this.state，而不是（不存在）的persons属性。this.state.persons相反，请执行以下操作：

const { persons } = this.state;

推荐阅读