react语法 ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); JavaScript 表达式 ReactDOM.render( <div> <h1>{1+1}</h1> </div> , d ...
分类：
其他好文 时间：
2021-06-23 16:46:19
阅读次数：
0
主要写父元素的内容 shoppingcar.js // @ts-nocheck import React, { Component } from "react"; import shoppingcar from "../css/shoppingcar.module.css"; import Head ...
分类：
其他好文 时间：
2021-06-23 16:29:42
阅读次数：
0
header.js import React, { Component } from 'react' import shoppigcar from "../../css/shoppingcar.module.css"; export default class Header extends Comp ...
分类：
其他好文 时间：
2021-06-23 16:28:29
阅读次数：
0
在iOS的世界里，视图是有生命周期的，比如视图加载，视图将要出现，或者视图销毁等阶段， 同理在React Native的生命周期里也是有类似阶段的，网上有很多例子，过程叫法也不太一样， 个人感觉总体是三个阶段： 挂载阶段、运行阶段、卸载阶段 一、挂载阶段 视图从创建 >初始化 >加载完成阶段， 类似 ...
分类：
其他好文 时间：
2021-06-22 18:39:35
阅读次数：
0
创建一个app npx create-react-app my-appcd my-appnpm start 文件目录介绍 注意： node_modules包很大，一般不要随便打开，尤其是内存小的电脑 文档要看英文 介绍一个简单的react项目 入口文件： /src/index.js 1.简单介绍js ...
分类：
其他好文 时间：
2021-06-20 18:15:49
阅读次数：
0
函数组件 // /src/index.js...function Welcome (props) { return ( <div> <h3>hello function component</h3> <span>{props.data}</span> </div> )} 声明一个函数，以返回值的形式 ...
分类：
其他好文 时间：
2021-06-20 18:15:24
阅读次数：
0
react使用的越多，就会发现生命周期的参考价值越来越大 componentWillMount: 当前组件的状态和函数加载完毕，页面还没有开始渲染 componentDidMount: 组件视图渲染完毕 shouldComponentUpdate: 状态发生改变时触发，视图是否更新的狗子函数 有返回 ...
分类：
其他好文 时间：
2021-06-20 18:14:22
阅读次数：
0
通过state控制页面元素的变化，类似于vue中的data setState会引发视图的重绘 如何在项目中添加state 在类中添加一个constructor函数,然后给状态赋值。注意 super()必须执行，可以带参数也可以不带，参数为父组件传下来的props。 export default cl ...
分类：
其他好文 时间：
2021-06-20 18:12:48
阅读次数：
0
1.列表渲染 .map遍历数组。index标记元素(更新、删除和修改的时候方便快速找到对应元素-更详细解释请看官网)； 注意点： key只能用在上下文为array的情况。比如我们在遍历一个组件时，key只能放在循环数组时调用的组件上，而不能用在组件里面（请看官网） 在遍历同一数组时，不同数组项的ke ...
分类：
其他好文 时间：
2021-06-20 18:11:38
阅读次数：
0
在父组件中引入组件时使用双标签的形式。把要重用的代码或者组件插入到双标签里面 ...render () { return ( <FancyBorder color="blue"> <h1 className="Dialog-title"> Welcome </h1> <p className="Di ...
分类：
其他好文 时间：
2021-06-20 18:11:05
阅读次数：
0
