Question

在下面的代码中，对于 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;

Answer 1

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

React-Native：当单独组件的值发生变化时如何更新组件值（并显示更新后的值）

1 个答案: