React类组件以及组件中props 和 state属性说明

类式组件

• 组件类必须继承 React.Component
• 组件类必须有 render 方法，在render的return中定义要输出的内容

下面是一个简单的小例子：

设置入口文件index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import App from "./app" //引入组件

ReactDOM.render(
    <App/>,
    document.getElementById('root')
);

组件文件 app.js：

import React, {
   Component} from 'react'
import "./index.css"
import Dl from "./dl"
// import data from "./data"
let data = {
   
    react: {
   
        title: 'react知识点',
        list: [
            {
   name: 'JSX'},
            {
   name: 'babel'}
        ]
    },
    expression: {
   
        title: '插值表达式',
        list: [
            {
   name: '变量'},
            {
   name: '算术运算'},