如何在Cleave JS react中使用值
如何在Cleave JS react中使用值
提问于 2020-01-06 14:17:17
我想使用Cleave js作为货币格式。我的Cleave标签看起来像这样：
<Cleave className="input-numeral"
name="loanAmount"
options={{ numeral: true,
numeralDecimalMark: ',',
delimiter: '.'
}}
value={this.props.loanAmount}
onChange={this.props.handleChange}
/>假设输入是82456.56
我想要这样的输出: 82.456,56。如果我不在代码中使用“value”prop，代码就能正常工作。但是我需要使用value，因为我需要以格式化的方式从props中获得初始值。
在这种情况下，我应该怎么做才能最初从props中读取值，然后根据用户输入更改它？
回答 1
Stack Overflow用户
发布于 2020-01-06 14:23:58
您可能想要尝试这样的操作：
class SampleComponent extends React.Component{
constructor(props){
super(props);
this.onChange = this.onChange.bind(this);
this.state = {
value : props.loanAmount
};
}
onChange(event) {
this.setState({
value: event.target.value
});
this.props.handleChange();
}
render() {
return <Cleave className="input-numeral"
name="loanAmount"
options={{ numeral: true,
numeralDecimalMark: ',',
delimiter: '.'
}}
value={this.state.value}
onChange={this.onChange}
/>
}}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59613678
复制相关文章
点击加载更多
相似问题
Cleave.js电话CA
如何在Vue中结合使用cleave.js和element？
在cleave中设置最大值
如何使用cleave.js作为表单字段？
使用testing-library测试cleave.js组件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
