-
888888
查看全部 -
adfadfadf
查看全部 -
1.react 组件都是以大写字母开头,组件就是一个类然后继承 React.Component,就是一个react组件,react 组件中必须有一个 render
2.jsx: 直接在js中写 html 标签,也可以在在 {} 中写 js 表达式(不能写 js 语句);
3.react 中的 return 只能返回一个 jsx 也就是说只能有一个父标签;
4.父组件通过属性的形式向子组件传递参数,子组件通过 props 接收参数;
5.由于每一个组件中必须有一个根元素,但是处于一些原有不想让其表露出来时,可以用 <React.Fragment></React.Fragment>代替;
6.简化代码:将jsx 中的 js集中部分单独作为一个函数;在顶部引入
7.import React, { Component, Fragment } from 'react',便可以将后面代码中的 React.Fragment 简化为 Fragment(此标签中不能带类名) ,React.Component简化为 Component;在函数中定义 const {handleDelete,index} = this.props 以后,使用 handleDelete 就相当于 this.props.handleDelete;
8.一般 bind(this) 写在 constructor 函数中更规范。
查看全部 -
子组件如果想和父组件通信,子组件要调用父组件传递过来的方法
查看全部 -
父组件通过属性的形式向子组件传递参数。
子组件通过props接收父组件传递过来的参数。
查看全部 -
使用<React.Fragument>标签对作为根元素的占位符,替代最外层必须有一层多余的div包裹的情况
查看全部 -
子组件向父组件传值的方法.
查看全部 -
在删除时的注意事项.
查看全部 -
1、react16及以上的版本称为 React Fiber
2、 node -v 7.9 npm-v 5.5.1
文件处 shift+右键 打开命令行
脚手架方式 npx create-react-app my-project 创建项目my-project
3、进入项目文件夹启动项目
-> cd my-project
-> npm start
查看全部 -
在react中如果要写行内样式:
就需要style={{对象的形式写}},外层的“{}”表示里面是一个js的表达式,里面的“{}”表示是一个对象
查看全部 -
子组件如果向父组件传参,子组件需要调用父组件传递过来的方法
查看全部 -
react父组件向子组件传参:
父组件通过属性把值传给子组件,子组件通过props接收值
查看全部 -
constructor 初始化数据,可以直接进行this相关方法的绑定
查看全部 -
父子组件传递参数的方式.
查看全部 -
直接在react中使用标签(不使用引号) 叫做JSX语法.
查看全部
举报