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} />

当我点击切换键开关时，我希望 somekey 开关打开或关闭，但它不起作用。 任何指针？

Answer 1

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

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