create-react-app 教程2 创建一个自定义的组件
【摘要】
紧接上文
如果我们要创建一个自定义的组件来使用可以这样做
在src下创建components/Button
在Button目录下创建 Button.css 和Button.js
Button.js内容
import React ,{Component} from 'react'import './Button.css' cla...
紧接上文
如果我们要创建一个自定义的组件来使用可以这样做
在src下创建components/Button
在Button目录下创建 Button.css 和Button.js
Button.js内容
import React ,{Component} from 'react'
import './Button.css'
class Button extends Component {
render() {
return <div className="Button">按钮组件</div>
}
}
export default Button
Button.css内容
.Button{
padding: 20px;
background-color: blue;
color: #ffffff;
}
在App.js中使用
// 引入组件
import Button from './components/Button/Button'
// 使用组件
<Button/>
打开localhost:3000 查看效果
文章来源: fizzz.blog.csdn.net,作者:拿我格子衫来,版权归原作者所有,如需转载,请联系作者。
原文链接:fizzz.blog.csdn.net/article/details/108882573
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)