
react
笑问客从何处来
这个作者很懒,什么都没留下…
展开
-
react中使用Context实现跨层级组件传递数据
演示demo如下:import React,{Component} from 'react';import ReactDOM from 'react-dom';//创建Context组件,ContextDemo是自己随便命名的,不是固定写法const ContextDemo = React.createContext(); export default class ChiDemo extends Component{ constructor(){ super()原创 2020-12-07 18:13:17 · 441 阅读 · 0 评论 -
react路由的基本用法(三)----- 路由传参&&其他路由组件(IndexRoute,IndexRedirect,Link)
一、 在你的react项目中安装react-router,我这里指定了版本号3.2.0,安装命令如下:npm i react-router@3.2.0二、 在项目的scr目录下创建一个文件夹,我这里取名为reactRouter,名字不是规定的,可以随便命名。然后创建文件如下:app.jsximport React from 'react';import {Link} from 'react-router';export default class App extends React.C原创 2020-11-28 17:08:14 · 514 阅读 · 0 评论 -
react路由的基本用法(二)----- 路由嵌套
一、 在你的react项目中安装react-router,我这里指定了版本号3.2.0,安装命令如下:npm i react-router@3.2.0二、 在项目的scr目录下创建一个文件夹,我这里取名为reactRouter,名字不是规定的,可以随便命名。然后创建文件如下:app.jsximport React from 'react';export default class App extends React.Component{ constructor(){原创 2020-11-28 15:35:01 · 203 阅读 · 0 评论 -
react路由的基本用法(一)
一、 在你的react项目中安装react-router,我这里指定了版本号3.2.0,安装命令如下:npm i react-router@3.2.0二、 在项目的scr目录下创建一个文件夹,我这里取名为reactRouter,名字不是规定的,可以随便命名。然后创建文件如下:app.jsximport React from 'react';export default class App extends React.Component{ constructor(){原创 2020-11-28 14:25:31 · 343 阅读 · 0 评论 -
react条件渲染
一、对视图条件进行切换例1:import React from 'react';export default class IfDemo extends React.Component{ constructor(){ super() this.state = { isLogin: true } } clickHeack =()=>{ this.setState({原创 2020-11-26 14:04:46 · 118 阅读 · 0 评论 -
react中父子组件之间的数据传递&&react生命周期函数
一、父组件传递数据给子组件1.这是父组件this.state中的title数据this.state = { title:"我是Father组件传递过来的数据"}2.这是子组件在父组件的调用(<Children ></Children>),获取父组件this.state中的title数据,然后赋值给一个title属性<Children title={this.state.title}></Children>3.子组件中通过{ this.p原创 2020-11-25 17:23:09 · 447 阅读 · 0 评论 -
react项目搭建本地开发环境
1.确保你安装了较新版本的 Node.js。2.你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。3.如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为my-app的工程。1.创建一个名为my-app的工程项目npx create-react-app my-app2.进入项目目录cd my-app3.启动项目npm start...原创 2020-11-17 14:41:14 · 394 阅读 · 0 评论