react
前端boy
哈喽喽
展开
-
react 简单的配置路由跳转页面
先 cd 到要用到路由的项目里面然后 npm install react-router-dom --save 安装这个然后我的 link 文件里面就是我要跳转的配置然后就是在 tabe.jsx 页面引入 herd_list.jsx和new_list.jsx和跳转路由模块 import { HashRouter as Router,Switch,Route,Link } from 'r...原创 2020-02-02 18:53:10 · 3132 阅读 · 1 评论 -
react 的跨域请求数据的方法
下面是数据接口http://v.juhe.cn/toutiao/index?type=&key=304e0e410d0de9779780d834f6a01956实现跨域请求数据的方法第一步:把数据连接封装在一个函数里(这里我封装在了,生命周期函数里)react 自己定义的跨域请求需要把接口前面的地址拆出来比如: http://v.juhe...原创 2020-02-02 15:30:54 · 1798 阅读 · 0 评论 -
react的网络请求数据 get 请求实现方法
首页我直接把请求过来的参数直接放在了生命周期函数里面下面是请求到的数据然后我们需要把数据遍历到页面上,需要设定一个变量banners: [’’] 用来接收请求的数据,渲染到页面上 constructor(){ super(); this.state = { banners: [''] }} componentDidMount(){ f...原创 2020-01-31 12:41:24 · 7236 阅读 · 0 评论 -
react的DOM节点获取和多个input输入框的值获取
react 官方给我提供了一个 ref 把想要获取的div的dom绑定上 ref{this.name} this.名字是自己取得。下面是代码:import React from 'react'export default class form_input extends React.Component{ constructor(){ super() ...原创 2020-01-29 11:16:09 · 1780 阅读 · 0 评论 -
react 多维数组的遍历和 点击添加
react 的多维数组的遍历和其它框架方法是一样的只是写法不一样import React from 'react'export default class key_arr extends React.Component{ constructor(){ super(); this.state = { multiple:[ ...原创 2020-01-27 12:35:15 · 1201 阅读 · 0 评论 -
在react中state和setState的使用方法(详细教程)
statestate 是 react 中用来存储组件数据状态的,可以类比成 vue 中的 data。1.state的作用state是React中组件的一个对象.React把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态,可以轻松让用户界面与数据保持一致.React中,更新组件的state,会导致重新渲染用户界面(不要操作DOM).简单来说,就是用户界面会随着state变化而变化....原创 2020-01-26 11:08:16 · 3183 阅读 · 0 评论