“按钮”未定义 react/jsx-no-undef react.js

Question

我是 React.js 中的菜鸟，只是在处理组件和事件侦听器，我正在尝试将事件侦听器添加到按钮，但由于某种原因它不起作用......我尝试导入元素，但这只是给出了一堆其他错误，有人可以告诉我如何让这个工作吗？谢谢

import React from 'react'; 
import ReactDOM from 'react-dom';



class Passiing extends React.Component {
  scream() {
    alert('you passed!');
  }

  render() {
    return <Button onClick={this.scream}>Did you pass?</Button>;
  }
}

ReactDOM.render(<Button />, document.getElementById('app'));



export default Passiing; 

Answer 1

您将需要使用 react-bootstrap 导入 Button。

从'react-bootstrap'导入{按钮}；

为了显示样式，请安装 bootstrap 并导入 'bootstrap/dist/css/bootstrap.css' 并将其添加到 index.js

要使用按钮，

提交