目录
前言
我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷
导语
今天得话继续上次开源项目案例得一个编写 然后这边接着编写 目前想在这个基础上再添加一个新的组件 然后就新建了一个文件夹 里面多定义了一个新组件 文件目录common/buttonGroup用于后期使用
代码
子组件
//按钮制作
import React, { Component } from 'react';
class ButtonGroup extends Component {
state={
}
render(){
return <div>1111</div>
}
}
export default ButtonGroup;
引入
import './App.css';
import React from 'react';
//引入按钮组件 后期主要用于按钮组件开发
import ButtonGroup from './Common/ButtonGroup/index.js';
//引入弹性布局组件 后期用于测试弹性布局
import Flex from './Common/Flex/index.js';
class App extends React.Component{
state={
geyao:1,
}
componentDidMount=()=>{
console.log(this,"thisProps")
}
render(){
return (<div>
<ButtonGroup></ButtonGroup>
<Flex></Flex>
</div>)
}
}
export default App;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了