React
该栏主要分析一些React的相关知识,欢迎大家来关注呀
柠檬不萌只是酸i
研究生在读 | 努力发论文 |
迈出第一步,才是新的开始。
展开
-
使用 bizcharts 在react中、AntDesign中实现图表(柱状图、折线图、饼图等)
(1)安装依赖:npm install bizcharts --savenpm install @antv/data-set(2)图表构成的使用(3)完整代码:【柱状图】import React, { Component } from 'react';import { Chart, Geom, Axis, Tooltip, ...原创 2019-11-17 13:15:30 · 3835 阅读 · 0 评论 -
使用echarts-for-react 在react中、AntDesign中实现图表(柱状图、折线图、饼图等)
(1)首先安装依赖文件npm install --save echarts-for-reactnpm install --save echarts(2)在图表页面引入:import ReactEcharts from 'echarts-for-react';(3)页面中使用:<ReactEcharts option={this.getOption()} /&g...原创 2019-11-17 12:34:53 · 6198 阅读 · 0 评论 -
React 中如何解析html标签呢? dangerouslySetInnerHTML
vue中解析html标签: v-htmldata:{ txtData:'<div class="content"> <a class="title">10个好习惯可以让女生慢慢变美</a> <p class="abstract"> 1.多喝水。 这已经是一个老生常谈的问题了。女人是水做的。多喝白开水... ...原创 2019-11-09 13:12:51 · 2031 阅读 · 1 评论 -
React中 路由怎样携带参数跳转呢?
【路由组件】------>【路由组件】(1)从路由A页面 (-----跳转----> ) 到路由B页面。this.props.history.push( ' /product/detail ' )(2)从路由A页面 (-----跳转,并且携带相应的参数。----> ) 到路由B页面,this.props.history.push(' /produc...原创 2019-11-09 11:55:19 · 2846 阅读 · 0 评论 -
react中引入css的报错问题
在react项目中的index.html中引入公共的css样式,我是这样引入的:【用的是相对路径】<link href="./css/reset.css" rel="stylesheet" type="text/css" />问题描述:但是,当我页面在使用二级路由的时候,它会根据相对的目录去找 css / reset.css 文件。这样肯定是找不到的。解...原创 2019-11-08 00:11:28 · 1690 阅读 · 1 评论 -
Failed at the react-admin_client@0.1.0 start script、react-app-rewired : command not found
晚上闲下来就跑了下自己之前搭建的项目,因为之前的一些配置,项目突然间跑步起来了,错误如下:问题描述:项目无意间跑步起来了,下面是截图。看了下报错:显示react-app-rewired : command not found,所以才启动不了项目。因为项目运行起来 react-app-rewired 是必须要的:解决办法:重新安装下 react-app-rewired...原创 2019-11-07 23:06:04 · 5780 阅读 · 0 评论 -
React中引入图片问题
在react中,引入本地图片并不是所直接引入引入相对路径上的文件的图片即可,【正确引入的方式:】// 引入图片import logo from './images/favicon.ico'// 使用引入的图片<img src={logo} alt="" />【错误引入方式:】这样引入是无效的:图片不会显示出来<img src="./images/f...原创 2019-11-07 22:54:20 · 642 阅读 · 0 评论 -
react-devtools 的获取、react-devtools
react-devtools是方便react项目调试的工具,但是如果我们没有工具的话,是很难向下进行的,因为里面会涉及到许多的属性。【类似这样一些组件的属性】:如下下面讲解下react-devtools的下载。(1)git clonehttps://github.com/facebook/react-devtools.git(2)cd react-devtool...原创 2019-11-07 22:30:11 · 591 阅读 · 0 评论 -
简单了解 React中的路由模式
React Router 是建立在history上的。即:一个history知道如何去监听浏览器地址栏的变化,并解析这个URL转化为 location 对象,然后 router 使用它匹配到路由,之后正确的渲染出对应的组件。一般,常见的history 有三种形式:browerHistory (推荐)hashHistorycreateMemoryHistory【 ...原创 2019-11-07 22:26:01 · 2079 阅读 · 0 评论 -
请求数据出现跨域问题。本地启动两个端口号,一个脚手架搭建的前端,一个用node启动的后台服务。
问题描述:本地启动两个服务,一个前台,一个后台,访问的时候出现跨域问题。请求跨域结果如下:Access to XMLHttpRequest at 'http://localhost:5000/users/api/login.do' from origin 'http://localhost:3000' has been blocked by CORS policy: Response ...原创 2019-11-09 17:04:18 · 2449 阅读 · 0 评论 -
react中 子路由的 路由模块化;通过父,将子路由传递
【model / route.js】 的文件:import Home from '../components/Home'import News from '../components/News'import Product from '../components/Product'import User from '../components/User' import Info fr...原创 2019-11-03 15:08:29 · 601 阅读 · 0 评论 -
React中的路由模块化,将路由抽离出来
新建route.js文件,用来存放路由文件。项目目录如下:在【route.js】里面里存放项目中的所有组件的:import Home from '../components/Home'import News from '../components/News'import Product from '../components/Product'const routes = [ ...原创 2019-11-03 14:40:53 · 1544 阅读 · 0 评论 -
React中的路由嵌套,及获取路由上传过来的参数。
类比vue中路由跳转及传参:传递参数:this.$router.push({ 'name':'',params})接收参数:this.$route.paramsReact 中如下:路由跳转:this.props.history.push()this.props.history.replace()this.props.history.go()传递参数:&l...原创 2019-11-03 14:14:45 · 762 阅读 · 0 评论 -
React中的路由配置。 react-router-dom
(1)安装:npm install react-router-dom --save // 安装路由(2)找到根组件App.js文件:// 引入路由import { BrowserRouter as Router,Route,Link } from 'react-router-dom'(3)创建组件: Home.js 、News.js 、Produc...原创 2019-11-03 13:29:29 · 469 阅读 · 0 评论 -
react(5-)
下面继续react的学习:(1)事件对象:import React,{Component} from 'react';class Ev extends Component{ constructor(props){ super(props); this.state = { msg:'对象事件' } }...原创 2019-07-05 00:18:38 · 112 阅读 · 0 评论