React基础及其设计思想

最新推荐文章于 2024-02-20 11:38:42 发布

王大锤_code

最新推荐文章于 2024-02-20 11:38:42 发布

阅读量488

点赞数

文章标签： react

本文链接：https://blog.csdn.net/weixin_44809439/article/details/106463401

版权

在这里插入图片描述
像这样的页面，其中每一个部分被拆分成一个小的组件。

import React, {
    Component } from 'react';
class Todoitem extends Component {
   ......}
......
export default Todoitem;//创建一个组件并导出

react的设计思想是all in js,就是把所有的代码都写到js中，在render这个生命周期函数中的返回值中就是jsx语法。

import Todoitem from './Todoitem';//这是es6语法引入这个组件，组件的使用
......
<ul>{
   <Todoitem>}</ul>//把Todoitem这个组件写成这种html标签的形式就是jsx语法(自定义的组件开头大写)

官方定义React是一个简单的视图层框架，并不是一个大型框架，要达到做一个大型项目的地步，还要结合redux等数据层框架。它是由数据驱动的一个框架，给你数据，就可以把页面展示出来，不用去操作DOM。render函数中返回什么就展示什么内容。

constructor(props) {
   
      super(props);
      this.state = {

关注