随笔分类 - React
摘要：17==》循环数组 类似v-for import React, { Component } from "react"; export default class CharShop extends Component { // state初始化一般写在构造器当中 constructor(props){
阅读全文
摘要：17==》 条件渲染 state初始化一般写在构造器当中 CharShop.js如下 import React, { Component } from "react"; export default class CharShop extends Component { // state初始化一般写在
阅读全文
摘要：16==》 this.setStat是批量执行的 它发现做三次是多余的，所以只执行一次 import React, { Component } from "react"; export default class StaTest extends Component { state = { nun:
阅读全文
摘要：14 》 修改state中的值 不能够直接修改 state = { num: 10 } 如 this.state.num+=12; 不能够直接修改 错误 通过 this.setState({ num:this.state.num+12 }) 15==> 获取state中的值 ps==>当你进入一个组
阅读全文
摘要：componentDidMount声明周期函数 表示组件渲染完成后 componentWillUnmount声明周期函数 组件将要卸载 通常用于（为了防止内存泄漏 清除定时器） 11==>创建组件 Clock.js 组件名大写 12==》报错 Attempted import error: 'Clo
阅读全文
摘要：10 > 传递参数 import React from "react" //一定要导入React // 函数类型去创建组件 export function Web1(props){ return <div> 我是以函数的形式创建的组件 <p> {props.name}</p> </div> } //
阅读全文
摘要：08==》创建组件以 1类的形式 或者以 2函数的形式 09==》使用组件 在src下创建components文件夹 是放组件的 CompType.js 组件 组件开头大写(重要) CompType.js文件如下 import React from "react" //一定要导入React // 函
阅读全文
摘要：react负责逻辑控制 reactdom负责渲染 本节知识点 有 1)变量的使用，简单使用。 1==》jsx中的注释 {/* */} 2 》 简单的渲染 app.js ps==>定义变量 使用变量 import React from 'react'; function App() { const n
阅读全文
摘要：// id 声明一个唯一的id，或者标识符，为pubsub-js提供辨识，千万不可重复 // data 第二个参数也可以传递一个对象 它表示传递的内容 // id 声明一个唯一的id，或者标识符，为pubsub-js提供辨识，千万不可重复 // data 第二个参数也可以传递一个对象 它表示传递的内
阅读全文
摘要：import React, { Component } from "react" export default class MyInput extends Component { // 第一种 getvalue11= () => { let hah = this.refs.zhi.value con
阅读全文
摘要：需求用户名自动获取 onChange用户状态发生改变 就获取值 就是时时获取值 使用onChange 点击按钮 获取密码 只要绑定了点击事件 就可以获取值 通过 let usercont=event.target.value;//获取用户的值 ref获取值的另外一种用法 密码： <input typ
阅读全文
摘要：以下是完整代码 A.js 标题 B.js 表单和按钮 C.js 渲染 最大父组件DoAddList.js
阅读全文
