React
Shizukuu
这个作者很懒,什么都没留下…
展开
-
【React Hooks 】喵喵云笔记
0617遇到的问题regular string和template string{like}与${like}<img src={data && data.message} alt=“dog” style={style} />感受hooks简化了很多操作axiosReact特点声明式写法组件化一次学习随处编写npx避免安装全局模块调用项目内部安装的模块错误const LikeButton = () => {from ‘../h原创 2020-06-19 14:24:26 · 231 阅读 · 0 评论 -
【React】create-react-app入门教程
全局安装# 全局安装npm install -g create-react-app# 构建一个my-app的项目npx create-react-app my-appcd my-app# 启动编译当前的React项目,并自动打开 http://localhost:3000/npm start如果长时间停留在fetchMetadata更换成淘宝的源npm config set registry https://registry.npm.taobao.org– 配置后可通过下面方式来原创 2020-06-15 00:11:17 · 255 阅读 · 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 · 589 阅读 · 0 评论 -
【React】React方法:生命周期/
React 生命周期方法componentWillMount在渲染前调用,在客户端也在服务端。componentDidMount在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。componentWillReceiveProps在组件接收到一个新的 prop原创 2020-06-01 09:38:21 · 144 阅读 · 0 评论 -
【React】simple react snippets
simple react snippetsimr Import Reactimrc Import React / Componentimpt Import PropTypesimpc Import React / PureComponentcc Class Componentccc Class Component With Constructorsfc Stateless Function Componentcdm componentDidMountcwm componentWillMou原创 2020-06-01 09:38:05 · 143 阅读 · 0 评论 -
【React】个人学习总结
PropTypesptar→ PropTypes.array.isRequiredptor→ PropTypes.object.isRequiredptsr→ PropTypes.string.isRequiredptnr→ PropTypes.number.isRequiredptbr→ PropTypes.bool.isRequiredimportimd→ import { destructuredModule } from ‘module’impt→ import PropTy..原创 2020-05-24 18:53:56 · 152 阅读 · 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 · 119 阅读 · 0 评论