反应材料-ui文本字段出现错误：无效的钩子调用

Question

我有这个简单的代码来显示文本字段：

我得到了错误

/turbo_modules/react@16.13.0/cjs/react.development.js 中的错误 (1465:13) 无效的挂钩调用。

代码在此链接https://stackblitz.com/edit/react-6dgvfj?file=UserForm.js

import React, { Component } from 'react';
import compose from 'recompose/compose';
import { connect } from 'react-redux';
import TextField from '@material-ui/core/TextField';

const UserForm = props => {
    return (
        <div>
            This is userform component.
            <TextField id="standard-basic" label="Standard" />

        </div>
    );
}

export default UserForm;

Answer 1

react 和 react-dom 包总是成对发布。所以他们必然是同一个版本，一起工作。在您的情况下，react 是 16.12.0，react-dom 是 16.13.0

你的 package.json

"dependencies": {
    "@material-ui/core": "^4.9.5",
    "@types/react": "^16.8.6",
    "react": "^16.13.0",
    "react-dom": "16.12.0"
  },

改成

    "react": "16.13.0",
    "react-dom": "16.13.0"