-
es6的结构赋值：
const {content} = this.props=》
使得可以直接使用`{content}`代替`{this.props.content}`
查看全部 -
一、新增样式的两种方式：
1、style行间样式 eg: style={{background:"green"}}
第一个花括号是js表达式；第二个花括号是对象
2、className
class与定义组件的时候冲突，所以不建议class，react中用className关键词.
二、解决render函数一个包裹标签的问题：
用<React.Fragment></React.Fragment>代替最外层的<div></div>标签
三、代码优化：
通过解构赋值引入React中的Component和Fragment;
import React, { Component，Fragment } from 'react';
替换后的写法：
class ToDoItemList extends Component{
......
}
render(){
return(
<Fragment>......</Fragment>
)
}
查看全部 -
组件名称必须是大学开头。例如：App
组件必须继承 Component ，或者 React.Component
组件必须导出之后，在其他页面才能导入。
例如：export default App;
import App from './App';
导出和导入是成对出现的。
组件中必须有一个 render 函数。（老版本的语法）
查看全部 -
项目的创建以及启动：
npx create-react-app my-app
cd my-app
npm start
疑问：react 难道没有版本的概念吗？ 这样使用的是什么版本的react ，难道是跟 nodejs 绑定的版本？
查看全部 -
React 简介。
React Fiber 是 React 16 之后的版本名字。
查看全部 -
<React.Fragment>
类似vue的<template>
查看全部 -
包引入，<Fragment>改为<React.Fragment>
查看全部 -
Fragment布局，<React.Fragment>替代<div>
查看全部 -
css行内样式：1、以{{background:'red',color:'#fff'}}对象形式进行编码
2、className形式，className = ‘red-btn’
查看全部 -
父组件，代码优化，.bind(this)优化，提高代码执行性能
查看全部 -
父组件向子组件传值，删除功能。父组件传递list下标、delete方法，子组件通过删除下标、delete方法来删除数据
查看全部 -
组件间的通信\数据的传递，通过属性content、的方式传递数据。父组件为TodoList，属性content传递。子组件为TodoItem，属性props接收数据
查看全部 -
this.setState({list})键和值一样可以这么写代码
查看全部 -
const list = [...this.state.list]，拷贝副本list，操作list比直接操作this.state.list易于排错。根据list下标删除数据
查看全部 -
onChange()数据绑定
查看全部
举报