![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Shizukuu
这个作者很懒,什么都没留下…
展开
-
【React Hooks 】喵喵云笔记
0617 遇到的问题 regular string和template string {like}与${like} <img src={data && data.message} alt=“dog” style={style} /> 感受 hooks简化了很多操作 axios React特点 声明式写法 组件化 一次学习随处编写 npx 避免安装全局模块 调用项目内部安装的模块 错误 const LikeButton = () => { from ‘../h原创 2020-06-19 14:24:26 · 205 阅读 · 0 评论 -
【React】create-react-app入门教程
全局安装 # 全局安装 npm install -g create-react-app # 构建一个my-app的项目 npx create-react-app my-app cd my-app # 启动编译当前的React项目,并自动打开 http://localhost:3000/ npm start 如果长时间停留在fetchMetadata 更换成淘宝的源 npm config set registry https://registry.npm.taobao.org – 配置后可通过下面方式来原创 2020-06-15 00:11:17 · 241 阅读 · 0 评论 -
【React】书写错误记录
书写错误 < p style={myStyle} > :花括号 var myStyle = { fontSize: 18, color: '#ff4f81' }; 数组:var arr = [ <h 1>喵喵喵数组①号, <h 2>喵喵喵数组②号, ]; 定义的组件名要大写。自定义的 React 类名以大写字母开头 function Text1Message(props) { function WebName(props) { function F原创 2020-06-01 09:39:38 · 555 阅读 · 0 评论 -
【React】React方法:生命周期/
React 生命周期方法 componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。 componentWillReceiveProps 在组件接收到一个新的 prop原创 2020-06-01 09:38:21 · 116 阅读 · 0 评论 -
【React】simple react snippets
simple react snippets imr Import React imrc Import React / Component impt Import PropTypes impc Import React / PureComponent cc Class Component ccc Class Component With Constructor sfc Stateless Function Component cdm componentDidMount cwm componentWillMou原创 2020-06-01 09:38:05 · 134 阅读 · 0 评论 -
【React】个人学习总结
PropTypes ptar→ PropTypes.array.isRequired ptor→ PropTypes.object.isRequired ptsr→ PropTypes.string.isRequired ptnr→ PropTypes.number.isRequired ptbr→ PropTypes.bool.isRequired import imd→ import { destructuredModule } from ‘module’ impt→ import PropTy..原创 2020-05-24 18:53:56 · 129 阅读 · 0 评论 -
react 开发环境搭建
使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm $ npm install -g cnpm --registry=https://registry.npm.taobao.org $ npm config set registry https://registry.npm.taobao.org 使用 create-react-app 快速构建 React 开发环境 $ cnpm install -g create-react-app $ create-react-app..原创 2020-05-23 23:45:44 · 90 阅读 · 0 评论