![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Mr.M .
这个作者很懒,什么都没留下…
展开
-
react img标签添加图片
1.使用import 引入import bg from './images/bg.png';<img src={bg} />2.使用require导入<img src={require("./images/bg.png")}/>原创 2020-10-02 12:48:48 · 527 阅读 · 0 评论 -
React 事件绑定方式
1.bind 绑定方法这个方法可以帮助我们绑定事件处理器内的this,并可以向事件处理器中传递参数。import React from 'react'; class App extends React.Component { handleClick(e) { console.log(e) }render () { return <button onClick={this.handleClick.bind(this,'test')}>Test</button>}原创 2020-09-22 21:53:57 · 141 阅读 · 0 评论 -
Ant Design Form表单 编辑数据 数据回显
1.给Form表单添加ref事件<Form name="nest-messages" ref={this.formRef} layout={'vertical'}> <Row gutter={24}> <Form.Item name={'id'} > <Input type={"hidden"}/>原创 2020-06-10 23:45:39 · 6932 阅读 · 3 评论 -
Antd form 表单提交数据获取
1.Form表单 <Form name="nest-messages" onFinish={this.onSubmit} layout={'vertical'}> <Row gutter={24}> <Form.Item name={'id'} > <Input type={"hidde原创 2020-06-10 23:29:14 · 8969 阅读 · 3 评论 -
React 点击按钮返回上一级路由
一行代码直接搞定<Button onClick={() => this.props.history.goBack()} >Go Back</Button>原创 2020-06-08 09:05:34 · 3200 阅读 · 2 评论 -
React map 中添加遍历条件
1.一般的遍历方法render () { let item = ["小明","小红","小刘"]; return ( <div> {item.map((data,key) => ( <div> <span>序列: {key}</span> <span>姓名:{data}</sapn> </div> )) </div> )}结果如下图所示:原创 2020-06-07 14:31:48 · 1228 阅读 · 0 评论 -
React 实现 Echarts 可视化饼状图
React 实现 Echarts 可视化饼状图**一、 引入**import React, { Component } from 'react'import 'echarts/lib/echarts';//导入饼图import 'echarts/lib/chart/pie'import 'echarts/lib/component/tooltip'import 'echarts...原创 2020-03-28 16:58:52 · 2070 阅读 · 0 评论