【发布时间】:2019-07-16 10:56:59
【问题描述】:
我正在关注this tutorial 以了解动态表单。它使用输入的 className 和自定义名称和 id 属性。
<input
type="text"
name={ageId}
data-id={idx}
id={ageId}
value={cats[idx].age}
className="age" <-----------------------
/>
为了能够在处理更改的函数中执行此操作:
handleChange = (e) => {
....
if (["name", "age"].includes(e.target.className) ) {
let cats = [...this.state.cats]
cats[e.target.dataset.id][e.target.className] = e.target.value.toUpperCase()
....
}
我想使用 Material UI 做相同的表单,我使用了 TextField、Input 和 InputBase,id 属性有效,但 className 属性返回以下或类似内容:
"MuiInputBase-input MuiInput-input"
有没有办法使用 className 属性或其他方式来实现相同的目标?
【问题讨论】:
标签: reactjs material-ui