React笔记（三）

淩亂°似流年 2022-01-19 04:13 254阅读 0赞

## React代码规范 ##

> 需要绑定this的方法可以在组件的constructor里提前操作

constructor(props) {
        super(props);
        this.listClose = this.listClose.bind(this);
    }
    复制代码

> setState方法可以返回一个函数，这样更符合规范，这样做需先在函数外边保存this或this下的值  
> 函数可接受传值PrevState，相当于this.props

inputChange(e) {
        const value = e.target.value
        this.setState((PrevState) => ({
          inputValue: value
        }))
    }
    复制代码

*  使用方法时可以使用解构赋值先声明再调用

import React, { Component } from 'react';
    复制代码

*  需要循环的比较长的JSX内容可以抽成方法调用，代码看着更简洁

getTodoItem() {
        return this.state.list.map((item,index) => {
          return (
            <div> <TodoItem content = {item} itemIndex={index} listClose={this.listClose.bind(this)}></TodoItem> </div>
          )
        })
    }
    复制代码

## React特性 ##

*  React为单向数据流，只允许父组件给子组件传值，不允许修改父组件的值。
 *  React可以与其他框架或库并存
 *  React开发模式为组件式开发
 *  React是视图层的框架，只负责视图数据方面的处理，复杂的传值问题等则需要用到Rdaux等框架
 *  React为函数式编程维护比较方便

转载于:https://juejin.im/post/5cb44c67e51d456e6b5d7d85

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关笔记三、理解React的JSX和上手开发

【代码】三、理解React的JSX和上手开发。

柔光的暖阳◎/ 2024年05月01日 16:22/ 0 赞/ 48 阅读

相关 React笔记

文章目录 React笔记第1章：React入门 1.1 React简介 1.1.1 官网

Bertha 。/ 2022年12月29日 09:59/ 0 赞/ 206 阅读

相关 react笔记

react笔记 state和props state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什

亦凉/ 2022年11月20日 09:49/ 0 赞/ 264 阅读

相关 React学习笔记三：demo《上》

使用React做个小demo 目标： 1）初始化项目 2）使用ant-mobile组件库 3）完成项目整体布局 4）完成首页轮播图 5）使用百度地图API完成定位功

向右看齐/ 2022年11月06日 03:55/ 0 赞/ 176 阅读

相关 React 笔记

1、ReactDOM.render() //React最基本的方法，用于将模板转为HTML，并插入制定的DOM节点。 2、JSX语法 //允许HTML与Java

青旅半醒/ 2022年06月07日 12:18/ 0 赞/ 149 阅读

相关 react笔记

webpack常用loader （经常更新，请参考最新版配置） \\react \\ react-dom babelify babel-preset-react babel

雨点打透心脏的1/2处/ 2022年05月30日 09:18/ 0 赞/ 186 阅读

相关 react-笔记三（基本语法和规则）

React 基础知识介绍 hello world 以下是一个最简单的demo，将一个最简单的组件渲染到页面上。 import React from 're

女爷i/ 2022年05月30日 03:44/ 0 赞/ 198 阅读

相关 React笔记（三）

React代码规范 > 需要绑定this的方法可以在组件的constructor里提前操作 constructor(props) { super

淩亂°似流年/ 2022年01月19日 04:13/ 0 赞/ 255 阅读

相关 react笔记

1、使用类时用：className 2、label标签属性的for改用htmlfor 3、vScode快速生成代码快捷件的插件：Simple React Snippets

谁借莪１个温暖的怀抱￠/ 2021年12月20日 11:25/ 0 赞/ 275 阅读

相关 React (3) react 笔记

1. react 特点 1. 声名式开发 (可以减少大量操作dom) 2. 可以与其他框架并存 (react 只挂载一个元素上, 其他框架挂用另外元素就行了) 3.

傷城~/ 2021年09月17日 01:36/ 0 赞/ 383 阅读