react
fengshaopu
这个作者很懒,什么都没留下…
展开
-
react如何封装axios
Axios简介 Axios 是一个基于promise的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持node端和浏览器端 支持拦截器等高级配置 使用Promise管理异步,告别传统callback方式 自动转换 JSON 数据 客户端支持防御 XSRF 安装 npm install axios --save 封装 可以在头上加上token config.headers.authorization = token index.js /** * ..原创 2022-05-09 14:24:44 · 1874 阅读 · 0 评论 -
react之父子组件传递
父传子 首先准备父页面跟子页面 HOME 跟 Adome Home页面代码 import React, { Component } from "react"; class App extends React.Component { render() { return <div>我是Home页面</div>; } } export default App; Adome代码 import React from "react"; class App e原创 2022-05-07 15:10:05 · 419 阅读 · 0 评论 -
react如何去创建路由呢?
首先下载react路由版本 npm i react-router-dom@5.2.0 然后去创建页面跟管理路由的文件夹 然后可以去router文件里面去创建 import React, { Component } from 'react' //导入react import { Route } from 'react-router-dom' import Home from '../Home/index' //导入路由 import About from '../Adome/inde原创 2022-05-07 11:10:09 · 806 阅读 · 0 评论 -
react如何导入element组件库呢?
首先是创建项目 create-react-app my 然后进入项目 cd my 启动项目 npm start 然后下载element组件 npm i element-react --save 随后去下载主题 npm install element-theme-default --save 然后去启动。如果发现解析不了babel/runtime。报一堆错误 解决方式:在项目中下载依赖npm installbabel/runtime 如果是解析不了react-h...原创 2022-05-07 10:26:52 · 380 阅读 · 0 评论 -
如何查看react的版本信息
npm inforeact 1.widns+r输入cmd npm info react原创 2022-05-07 09:16:35 · 1762 阅读 · 0 评论 -
react中的for循环
在最上面定义数据在标签通过map循环 import './aap.css' import React from 'react'; var arr =[ { id: 1, text: '我是第一条数据' }, { id: 2, text: '我是第二条数据' }, { id: 3, text: '我是第三条数据' } ] class examplePage extends React.Component { render() { .原创 2022-05-05 16:47:30 · 5022 阅读 · 0 评论 -
react类似于vue的data定义数据跟table动态添加
react的data定义数据: constructor(props) { super(props); this.state = { arr:[] }; this.click3= this.click3.bind(this); } table动态添加 click3=()=>{ var out='' this.state.arr.push({name:this.state.name}) var a=0 this.原创 2022-05-05 16:21:13 · 885 阅读 · 0 评论 -
react获取input value值的二中方法
· 第一可以用event · 第二可以用ref 1.第一种ref import './aap.css' import React from 'react'; class examplePage extends React.Component { inputChange(){ var username=this.refs.username.value this.setState({ date: username }); }原创 2022-05-05 15:22:14 · 978 阅读 · 0 评论 -
react的安装以及启动
1.首先要widos+r打开管理员运行的命令窗口输入cmd进入黑窗口 2.如果npm版本低于5.2,则全局安装create-react-app,cmd输入npm install -g create-react-app;create-react-app下载完成后,创建文件夹cmd中输入create-react-app my-app 3.完毕以后进入项目在启动项目 `· cd 项目名 · npm start 启动项目 4.在浏览器输入 http://localhost:3000 就可.原创 2022-05-05 14:30:05 · 2381 阅读 · 0 评论