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