-
React的render() 方法内要求只能返回一个含有根元素的HTML元素,不能返回多个,可以使用<React.Fragment> 标签替代最外层的标签。
查看全部 -
import React, { Component, Fragment } from 'react'
查看全部 -
React.Fragment替换div包裹元素
查看全部 -
Create React App react脚手架工具
查看全部 -
this.handleBtnClick
这个this指的是当前TodoList
而handleBtnClick函数体中的this表示按钮,但是我们需要其指向TodoList,
解决方法:
this.handleBtnClick.bind(this)
查看全部 -
9999999999
查看全部 -
888888
查看全部 -
adfadfadf
查看全部 -
面向数据编程。查看全部
-
花括号内写js表达式。查看全部
-
直接使用标签语法是jsx语法查看全部
-
大写字母开头为组件模块查看全部
-
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接收父组件传递过来的参数。
查看全部
举报