React-Native：当单独组件的值更改时如何更新组件值（并显示更新的值）答案

【问题标题】：React-Native: how to update a components value (and display the updated value) when a separate component's value changesReact-Native：当单独组件的值更改时如何更新组件值（并显示更新的值）
【发布时间】：2021-06-05 20:04:11
【问题描述】：

在下面的代码中，对于 React-Native，我希望“计数”的 NumericInput 更新并在“容器”数量发生变化时显示。 'count' 的输入必须能够通过用户输入进行修改，并且必须是来自 'containers' 的 onChange 函数中的计算结果。

如何在 React-Native 中做到这一点？

import React, { useState } from 'react';
import NumericInput from 'react-native-numeric-input';

const Plot = () => {
    const [count, setCount] = useState(0);
    const [countainers, setContainers] = useState(0);

    return (
        <View>
            {/* input for number of containers ... each container has 10 items */}
            <NumericInput
                value={countainers}
                onChange={c => { setContainers(c); setCount(containers * 10); }}
            />
            {/* input for total count of items */}
            <NumericInput
                onChange={c => setCount(c)}
                value={count}
            />
        </View>
    );
}

export default Plot;

【问题讨论】：

标签： javascript react-native ecmascript-6

【解决方案1】：

事实证明，对于我拥有的版本和依赖版本，“react-native-numeric-input”api 已损坏。发布的代码应该可以正常工作，但没有。将其更改为任何其他组件（我选择了一个仅允许 0-9 的简单 TextInput）证明是这种情况。

【讨论】：