侞婼冇罪

1.先创建文件夹，windows用户手动创建就行了mkdir myReact && cd myReact2.在myReact目下，执行脚手架命令，默认选择antdyarn create umi创建项目成功：3.输入yarn安装node模块4.运行项目：yarn start5.访问http://localhost:8000/6目录...

1.我们在src下新增index2.js：import React, {Component} from 'react';export default class index2 extends Component { constructor(props) { super(props); } render() { return ( <div&gt...

1.添加mockjsyarn add mockjs2.在mock目录下新建test.jsList|10，返回list，10条数据@image，随机生成img的url链接，mock内置函数import mockjs from 'mockjs';export default { 'GET /api/img': mockjs.mock({ 'list|10': [...

1.下载axiosyarn add axios2.在src下新建文件夹conf，再新增js文件：axiosConf.jsimport axios from 'axios'axios.defaults.baseURL = "http://localhost:8000/"//api前缀const instance = axios.create({ xsrfCookieNa...

上一篇在index.js里面写了一个组件，不是很友好，我们现在分开写组件1.新建component文件夹用于放置组件，src/component，新建list组件import React, {Component} from 'react';export default class List extends Component { constructor(props) { ...

上一篇写了一个子组件，只是把值传入进来，这篇讲解在子组件修改父组件的数据1.在index.js里，新增方法：updateImg 用于修改list集合 updateImg() { this.setState({ list: [ { "src": "http://dummyimage.com/468x60" } ...