首页 > 解决方案 > “按钮”未定义 react/jsx-no-undef react.js

问题描述

我是 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; 

标签: javascriptreactjs

解决方案


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

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

为了使样式出现,请安装引导程序并导入'bootstrap/dist/css/bootstrap.css'并将其添加到index.js中

要使用按钮,

提交在此处输入图像描述


推荐阅读