分享
为什么问答平台  ›  专栏  ›  技术社区  ›  santoku

为什么Material UI TextField返回“Invalid hook call”错误 - why material-UI textField returns 'Invalid hook call' error

  •  0
  • santoku  · 技术社区  · 1 周前

    import React, { Component } from "react";
    import ReactDOM from "react-dom";
    import TextField from "@material-ui/core/TextField";
    
    
    class App extends Component {
      constructor(props) {
        super(props);
        this.state = {
          year: null,
          otherAttributes: null
        };
        this.handleChangefor = this.handleChangefor.bind(this);
      }
    
      handleChangefor = (propertyName) => (event) => {
        this.setState({
          ...this.state,
          [propertyName]: event.target.value
        })
      }
    
      render() {
        return (
          <div>
            <TextField
              id="outlined-name"
              label="year"
              value={this.state.year}
              onChange={this.handleChangefor('year')}
              margin="normal"
              variant="outlined"
              />
          </div>
        );
      }
    }
    
    const rootElement = document.getElementById("root");
    ReactDOM.render(<App />, rootElement);
    

    代码也可以找到 here

    1 回复  |  直到 1 周前
        1
  •  0
  •   Dennis Vash    1 周前

    首先,将您的反应版本从 16.8.0更新到 16.8.6。

    this.state={
    其他属性:空
    
    

    除了您的code works fine

    UR初始状态为:

    this.state = {
      year: "",
      otherAttributes: null
    };
    

    code works fine

    Edit Q-56924813-TextField