相关疑难解决方法(0)

嗨，我正在尝试用 React 制作一个表单，当我输入

ref={register}里面

<input className="form-control" ref={register} type="text" name="text" id="text" />

我收到以下错误：

TypeError: path.split is not a function
get
src/utils/get.ts:6

有什么建议么？我正在关注这个人的YouTube 教程：

这是我的 return() 语句上面的代码：

 export const CreateTodo = () => {
        const { register, handleSubmit} = useForm(); 
    
        const onSubmit = handleSubmit((data) => {
            alert(JSON.stringify(data));
        });

return ( ... );
}

代码沙盒链接：

我尝试使用this.refs.myField.getValue()或this.refs.myTextField.input.value。但是，它们已经贬值了。

我不想使用onChangeinside TextField，我只是在单击按钮 Convert 时转换文本

import React from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';

class Test extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      text: '',
    };
  };

  handleConvertString = (event) => {
    let str = this.refs.myField.getValue();
    this.setState({
      text: str.replace(/[dog]/gi, ''),
    })
  };
  render() {
    return (
      <div>
        <TextField
          ref="myField"
          fullWidth
        />
        <Button variant="outlined" href="#outlined-buttons" onClick={this.handleConvertString}>
          Convert
        </Button>
        <h1>{this.state.text}</h1>
      </div>
    )
    }
}

export default Test;