在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react 如何用input獲取小數(shù)數(shù)字的值?

react 如何用input獲取小數(shù)數(shù)字的值?

JS Bin on jsbin.com

當(dāng)小數(shù)點(diǎn)刪除后,就無法再次輸入小數(shù)了,怎么解決?

能不能做到類似vue的如下功能

<input v-model.number="value">

感覺react做這些真的是太麻煩了。

回答
編輯回答
無標(biāo)題

+event.target.value會把小數(shù)點(diǎn)過濾掉,所以必須把+去掉

handleChange(event) {
    this.setState({value: event.target.value});
}
2017年6月17日 01:29
編輯回答
喜歡你

請把代碼直接貼出來。最好不要這樣給一個外鏈。

請正確使用 + 表達(dá)式

2018年3月1日 01:45
編輯回答
傻丟丟
class HelloMessage extends React.Component {
  constructor(props) {
      super(props);
      this.state = {value: 1.1};
      this.handleChange = this.handleChange.bind(this);
  }
 
  handleChange(event) {
    this.setState({value: event.target.value});
  }
  render() {
    var value = this.state.value;
    return <div>
          <input type="text" value={this.state.value} onChange={this.handleChange} />
        <div>{this.state.value}</div>
        <div>{Number.isNaN(Number(this.state.value)) ? '不是數(shù)字' : '是數(shù)字'}</div>
        
 
        </div>;
  }
}
ReactDOM.render(
  <HelloMessage />,
  document.getElementById('example')
);
2017年7月25日 02:06