我是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;
发布于 2018-05-22 15:14:18
您将需要使用react引导导入Button。
从“react bootstrap”导入{ Button};
为了使样式出现,请安装引导程序并导入' bootstrap /dist/css/bootstrap.css‘并将其添加到index.js中。
用按钮,
提交
发布于 2018-05-22 14:05:41
你是想用反应引导吗?如果是,请添加以下导入:import { Button } from 'react-bootstrap'
,如果尚未安装,请运行以下命令:
$ npm install --save react react-dom
$ npm install --save react-bootstrap
如果您没有使用它的意图,您必须自己创建一个名为Button的组件并导入它。
发布于 2020-10-06 12:39:59
您可以使用HTML5 <button>
标记作为按钮。如果您在React中使用大写字母作为标记,它假设它是一个组件,而不是“常规”标记。
https://stackoverflow.com/questions/50469352
复制相似问题