react-native - ReactNative/开关组件 : onValueChange

Question

如果有人修改开关组件，我会尝试设置一个更改事件。该方法是设计一个包含多个开关的 View ，并允许用户为每个将在 POST api 调用中结束的通知设置状态。此外，我想从 api 调用中加载初始值。

如何在我的 onChangeFunction 中访问状态(无论是否选中/未选中)？我如何使用他们的 ID 或名称获取元素？ (与在 HTML/CSS 中使用 #mySwitch.setValue(true) 一样吗？

给定代码:

class Settings extends Component {    
    onChangeFunction(type, props) {
        Alert.alert("changed", "==> " + props.state)
    }    

    render() {
        return (
            <View style={styles.container}>
                <Switch onValueChange={this.onChangeFunction.bind(this, "TASK_CREATED", this.props)} value={this.state} />
            </View>
        );
    }
}

Answer 1

你在 props 和 state 概念之间搞得一团糟。你可以这样做:

class Settings extends Component {

  state = {
      taskCreated: false,
  };

  onChangeFunction(newState) {
      this.setState(newState, () => Alert.alert("Changed", "==> " + this.state));
  }

  render() {
      return (
        <View style={styles.container}>
            <Switch onValueChange={(value) => this.onChangeFunction({taskCreated: value})}
                    value={this.state.taskCreated}
            />
        </View>
      );
  }
}

请注意 this.setState 是异步的，因此您可以使用该方法提供的回调安全地读取它的值。