小编Joh*_*amy的帖子

在 Material-UI 中使用 React 的“ref”属性

我正在尝试在 Material-UI 的 TextField 上使用 React 的“ref”属性访问输入数据。通过“inputRef”或“inputProps”似乎没有一种简单的方法可以做到这一点。

下面的示例显示了第 26 行 inputProps 的使用。将 TextField 的名称分配给 'ref' 属性似乎不会产生有效的对象。

使用“inputRef”,根据Material-ui文档强制使用函数,尝试将字段数据作为属性传递也不起作用。例如:(txt => this.name = txt)

有没有人找到解决办法?

class MediaForm extends Component {
  constructor (props) {
    super(props)
    this.state = {}
    this.handleSubmit = this.handleSubmit.bind(this)
  }

  handleSubmit (e) {
    const { title, colour } = this.refs
    e.preventDefault()
    window.alert(`New colour: ${title.value} ${colour.value}`)
  }

  render () {
    const { classes } = this.props
    return (
      <form className={classes.root}
        onSubmit={this.handleSubmit}>
        <div className={classes.field}>
          <TextField
            name='title'
            type='text'
            label='Title'
            placeholder='Movie title...'
            autoFocus
            inputProps={{ref: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1