首页 > 解决方案 > 仅在用户停止与数字输入交互后才向服务器发送交互

问题描述

我有一个反应原生应用程序。这个应用程序包含一个个性化的数字组件。我正在使用这个解决方案。每个滴答都会触发一个 onChange 属性。此 onChange 触发将组件值发送到服务器的函数。但是,我不想只在用户停止与控件交互之后才发送每次交互中生成的每个值。类似于 onMouseOut 事件。

我怎么能实现这样的组件?

实际解决方案的代码示例:

<NumericInput 
        value={this.state.value} 
        onChange={value => this.setState({value})} 
        onLimitReached={(isMax,msg) => console.log(isMax,msg)}
        totalWidth={240} 
        totalHeight={50} 
        iconSize={25}
        step={1.5}
        valueType='real'
        rounded 
        textColor='#B0228C' 
        iconStyle={{ color: 'white' }} 
        rightButtonBackgroundColor='#EA3788' 
        leftButtonBackgroundColor='#E56B70'/>

谢谢。

标签: react-nativereact-native-component

解决方案


推荐阅读