首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未定义“按钮”/jsx undef react.js

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

Stack Overflow用户
提问于 2018-05-22 13:47:12
回答 5查看 40K关注 0票数 7

我是React.js中的新手,只是在处理组件和事件侦听器,我试图将事件侦听器添加到按钮中,但由于某些原因,它无法工作。我试着导入元素,但这只是给出了一些其他错误,有人能告诉我如何使它工作吗?谢谢

代码语言:javascript
运行
复制
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; 
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2018-05-22 15:14:18

您将需要使用react引导导入Button。

从“react bootstrap”导入{ Button};

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

用按钮,

提交

票数 10
EN

Stack Overflow用户

发布于 2018-05-22 14:05:41

你是想用反应引导吗?如果是,请添加以下导入:import { Button } from 'react-bootstrap',如果尚未安装,请运行以下命令:

代码语言:javascript
运行
复制
$ npm install --save react react-dom
$ npm install --save react-bootstrap

如果您没有使用它的意图,您必须自己创建一个名为Button的组件并导入它。

票数 3
EN

Stack Overflow用户

发布于 2020-10-06 12:39:59

您可以使用HTML5 <button>标记作为按钮。如果您在React中使用大写字母作为标记,它假设它是一个组件,而不是“常规”标记。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50469352

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档