宇智波带土

Reactnpx create-react-app my-appreact_router11111111Reduxnpm install --save reduxReact-Reduxnpm install --save react-redux

MyComponent：import React, {Component} from 'react';export default class MyComponent extends Component { render() { return ( <div> <p>{this.props.count}</p> <button onClick={t

下载安装npm install react-router-dom --save-dev引入import {BrowserRouter as Router,Route,Switch,Link} from "react-router-dom";语法例如：<Router> <Route path="/Home" component={Home}></Route> <Route path="/Mine" component={Min

父组件：import React, {Component} from 'react';import Child from "./Child";class Parent extends Component { constructor(props) { super(props); this.state={ value : "" } } clickHandle=(data)=>{ .

import React, {Component} from 'react';class FormDemo extends Component { constructor(props) { super(props); //初始化参数 this.state={ value:"" } } //handleSubmit方法 handleSubmit =(e)=>{ .

import React, {Component} from 'react';import Axios from "axios";export default class MostStar extends Component { constructor(props) { super(props); this.state={ repoName : '' , repoUrl : '' } }.

第一步：cd到项目文件夹下第二步：命令：npm install bootstrap --save第三步：在index.js引入Bootstrapimport React from 'react';import ReactDOM from 'react-dom';import App from './App/App';import 'bootstrap/dist/css/bootstrap.min.css'ReactDOM.render(<App />,do.

组件生命周期的三个阶段Mounting（加载阶段） Updating（更新阶段） Unmounting（卸载阶段）旧的生命周期Mounting（加载阶段：涉及6个钩子函数）constructor()加载的时候调用一次，可以初始化stategetDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性。getInitialState()初始化state，可以直接在constructor中定义this.statecompo