#私藏项目实操分享#【练习案例React一】创建React项目

简介: #私藏项目实操分享#【练习案例React一】创建React项目

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

这段时间为了不断提升自己的一个代码技巧 开始自己手动写一个React的demo进行练手

创建项目

npm install -g create-react-app       # Windows

create-react-app+项目名

cd 项目名

yarn start

修改项目

把项目中的函数组件变成类组件

class App extends React.Component{
    state={
        geyao:1,
    }
    componentDidMount=()=>{
        console.log(this,"thisProps")
    }
    render(){
        return (<div>11111</div>)
    }
}
// function App() {
//   return (
//     <div className="App">
//         <div>111111</div>
//     </div>
//   );
// }
export default App;

运行结果

image.png

相关文章
|
2月前
|
前端开发 JavaScript 测试技术
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
93 0
|
2月前
|
前端开发 API 数据安全/隐私保护
【第45期】一文解决React项目的权限管理
【第45期】一文解决React项目的权限管理
187 0
|
2月前
|
Web App开发 资源调度 JavaScript
竟然可以在一个项目中混用 Vue 和 React?
竟然可以在一个项目中混用 Vue 和 React?
286 0
|
2月前
|
前端开发 API
react如何进行项目配置代理
react如何进行项目配置代理
82 0
|
2月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
2月前
|
存储 JSON 前端开发
react保姆级搭建新项目
此文主要以ts+vite+router6+antd 快速搭建一个react项目,适用于初学者,用于学习交流
|
2月前
|
移动开发 JavaScript 前端开发
vue/react项目刷新页面出现404的原因以及解决办法
vue/react项目刷新页面出现404的原因以及解决办法
358 0
|
2月前
|
存储 资源调度 前端开发
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
136 1
|
2月前
|
安全
自媒体营销软文灵感思路来源——万能公式:6P方法论
自媒体营销软文灵感思路来源——万能公式:6P方法论
自媒体营销软文灵感思路来源——万能公式:6P方法论
|
2月前
|
前端开发
命令行创建React项目
命令行创建React项目
命令行创建React项目