在React&ReactNative和ES6中使用TextInput或Pickers改善setState

时间:2019-07-02 08:13:47

标签: javascript reactjs react-native object ecmascript-6

此代码当前正在工作,但是我不知道是否有一种方法可以做得更好,或者至少更可重用。

我正在使用reactNative,但这也许更多是ES6问题。

国家/地区:

    state = {
        editorial: "",
        nivel: "",
        asignatura: "",
        txt: ""
    };

我有一个TextInput,用于txt,其余的是Pickers。
因此,这就是我从该状态更新所有数据的方式:

    onChangeInput = txt => this.setState({txt});
    setEditorial = editorial => this.setState({editorial})
    setNivel = nivel => this.setState({nivel})
    setAsignatura = asignatura => this.setState({asignatura})

我正在尝试使其至少对于采摘者更具可重复使用性……我该如何实现呢?

1 个答案:

答案 0 :(得分:0)

尝试使用计算出的属性名称:

changeValue = (name, val) => this.setState({ [name]: val });