材质用户界面组件| datePicker | 没有数据传递给onChange

Kan*_*nia 1 javascript datepicker reactjs redux material-ui

我有一个带有material-ui 的简单形式DatePicker,例如:

<DatePicker name="startDate" autoOk={true} floatingLabelText="startDate" onChange={(x, event) => {console.log(arguments);}} />
Run Code Online (Sandbox Code Playgroud)

但是,如果更改日期,则会在控制台上打印一个空数组。对于如何解决此问题,我将不胜感激。

"material-ui": "0.15.0"
"react": "15.1.0"
"react-tap-event-plugin": "1.0.0"
"redux": "3.0.5"
"redux-form": "^6.0.0-alpha.4"
Run Code Online (Sandbox Code Playgroud)

小智 6

什么是"arguments"要传递的console.log()

从material-ui中的Date Picker文档中:

签名:function(null:未定义,date:对象)=> void null:由于没有与更改相关的特定事件,因此第一个参数将始终为null。date:新日期。

因此,您的代码变为:

onChange={(event, x) => {console.log(x);}}
Run Code Online (Sandbox Code Playgroud)

x日期在哪里。

希望能帮助到你。

  • 从文档中:“箭头函数不会将参数对象公开给其代码”。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions(现在值得一提……) (3认同)