反应material-ui文本字段得到错误:无效的钩子调用 [英] react material-ui textfield getting error: invalid hook call

问题描述

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

I have this simple code to show the text field:

我收到错误

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

Error in /turbo_modules/react@16.13.0/cjs/react.development.js (1465:13) Invalid hook call.

代码位于此链接 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;

推荐答案

react 和 react-dom 软件包始终成对发布.因此，它们一定是同一版本，可以一起工作.在您的情况下，react为16.12.0，react-dom为16.13.0

react and react-dom packages always get released in pair. So they are bound to be of same release, to work together. In your case, react was of 16.12.0 and react-dom of 16.13.0

您的package.json

Your 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"

这篇关于反应material-ui文本字段得到错误:无效的钩子调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！