npm @material-ui/core 按钮和 TexField 不起作用答案

【问题标题】：npm @material-ui/core Button and TexField not workingnpm @material-ui/core 按钮和 TexField 不起作用
【发布时间】：2021-09-15 17:59:27
【问题描述】：

我正在构建一个 React 应用程序，我想使用 material-ui 框架。

我用一个文本字段和一个按钮构建了一个组件，但我不能点击文本字段，也不能点击它们被阻止的按钮。

这是组件代码：

import React, { Component } from 'react';
import Button from '@material-ui/core/Button';
import TextField from '@material-ui/core/TextField';


class Descarcare extends React.Component {
constructor(props) {
  super(props);
  this.state = {  };
 
}



render() {
   return(
<div>
<h1>Descarcare</h1>

<TextField id="standard-required" label="ID" InputProps={{
        readOnly: false,
      }}/>
<Button variant="contained" color="primary">
Trimite
</Button>
</div>
   );
}

 }

export default Descarcare;

组件出现在浏览器中，但我无法按下它被阻止的按钮，输入字段也是如此。我不能在里面写任何东西。可以请人帮助我吗？提前致谢

【问题讨论】：

标签： javascript reactjs npm material-ui

【解决方案1】：

您必须分别提供onClick 和onChange 函数。

【讨论】：

【解决方案2】：

这可能与您的其他配置有关，您可以参考此示例：

【讨论】：

它在沙箱中工作，它可能与哪些其他配置相关？我用 npm install @material-ui/core 下载了这个包

【解决方案3】：

在 React 中，您必须控制输入 see here 至于 material-ui 库按钮默认为禁用，如果没有提供 onClick（如果我没记错的话）和文本字段需要value 和onChange 才能做出反应！希望对你有帮助

【讨论】：