鍍金池/ 問答/HTML/ React+ANTD中,InputNumber獲取value時(shí)報(bào)錯(cuò)?求解

React+ANTD中,InputNumber獲取value時(shí)報(bào)錯(cuò)?求解

const EditableCell = ({editable, value, onChange}) => (
  <div>
    <InputNumber min={0} max={24} step={0.5} style={{margin: '-5px 0', width: 50, textAlign: 'center',}} value={value} onChange={e => onChange(e.target.value)} />
  </div>
);


      renderColumns(text, record, column) {
    return (
      <EditableCell
        editable={record.editable}
        value={text}
        onChange={value => this.handleChange(value, record.key, column)} //內(nèi)容改變時(shí)調(diào)用handleChange方法
      />
    );
  }
  
  
 handleChange(value, key, column) {
    const newData = [...this.state.data];
    const target = newData.filter(item => key === item.key)[0];
    if (target) {
      target[column] = value; //讓文本框輸入即現(xiàn)時(shí)內(nèi)容
    }
    }
    

源自antd文檔表格組件部分-編輯行,原有組件是Input,我改成InputNumber就會(huì)報(bào)錯(cuò)。但我看了,兩者都有value,為什么環(huán)成InputNumber就會(huì)報(bào)value的錯(cuò)呢。。。

clipboard.png

本人小白剛研究react+antd不久,還望大神耐心指點(diǎn)~!

回答
編輯回答
維她命

InputNumber組件的文檔里有個(gè)onChange事件說明,參數(shù)是表單的value值。
而Input組件的onChange事件是React原生onChange事件,參數(shù)是事件對(duì)象。

2018年9月16日 11:50
編輯回答
慢半拍
<InputNumber min={0} max={24} step={0.5} style={{margin: '-5px 0', width: 50, textAlign: 'center',}} value={value} onChange={e => onChange(e.target.value)} />

中的onChange事件參數(shù)是value

ANTD的API是這樣的:

clipboard.png

2017年4月18日 05:23
編輯回答
半心人
    <InputNumber min={0} max={24} step={0.5} style={{margin: '-5px 0', width: 50, textAlign: 'center',}} value={value} onChange={value => onChange(value)} />
2018年4月13日 03:29