javascript - React Native - 将函数的返回值设置为组件的属性不起作用

Question

我正在使用 React Native 开关组件，并希望在另一个开关的状态更改时以编程方式更改开关的状态(开/关)。下面是我的代码:

update = (key: string, val: boolean) => {
    if(key == 'togglekey') {
        this.state.somekey = !val;
    }
};

<Switch onValueChange={(v) => this.update('somekey', v)} value={this.state.somekey} />

<Switch onValueChange={(v) => this.update('togglekey', v)} value={this.state.togglekey} />

当我点击 togglekey 开关时，我希望 somekey 开关可以打开或关闭，但它不起作用。有什么指点吗？

Answer 1

你不能直接改变状态。您必须改用 setState，只有这样 React 才会确认状态更新。

update = (key: string, val: boolean) => {
    if(key == 'togglekey') {
        this.setState({somekey: !val});
    }
};