sJohnny的博客

创建ref使用 React.createRef() 创建 refs，通过 ref 属性来获得 React 元素。class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { ...

按照之前的写法，我们都是将Route手动填写进去，如果路由变得多，嵌套变得复杂，就会看上去很乱之前的做法：class App extends Component { render() { return ( <Router> <div> <header clas...

当遇到以上的情况， content 部分内容需要根据 content menu的点击儿变换，我们就需要用动态路由来实现主要的代码逻辑：用户页面会涉及到路由嵌套入口文件代码：<Router> <div> <header className="title"> <Link to="/">首页组件<

实现js跳转路由官方文档：js路由跳转 1、要引入Redirectimport { BrowserRouter as Router,Route, Link, Redirect, withRouter} from "react-router-dom";2、定义一个flagthis.state = { loginFlag:false}; 3、render里...

react-router 路由传值分为 动态路由传值 和 get传值 两种1、动态路由传值配置：<Route path="/content/:aid" component={Content} /> 对应的动态路由加载的组件里面获取传值// 在组件中通过这种方式获取传来的值this.props.match.params 2、get传值配置：...

react路由的配置：1、找到官方文档 https://reacttraining.com/react-router/web/example/basic2、安装 react-router-dom --save3、找到项目的根组件引入react-router-domimport { BrowserRouter as Router, Route, Link } from "react...

运行一下代码会报错，就是因为this指向的问题import React, {Component} from 'react'import { Button } from 'antd';export default class Home extends Component { constructor(props) { super(props) this.state = ...

react中使用图片三种方式1、分离引入方式import React, { Component } from 'react'import Logo from '../assets/images/11.jpeg'class Image extends Component { constructor(props) { super(props); this.state...

搭建React开发环境有两种第一种方法（老-现在推荐）：    https://reactjs.org/docs/create-a-new-react-app.html    1、必须要安装nodejs     注意：安装nodejs稳定版本             2.安装脚手架工具   （单文件组件项目生成工具）   只需要安装一次        npm install ...

为何使用fetch？        前端开发中，向服务器请求数据通常用三种：XMLHttpRequest、fetch、jQuery的ajax        XMLHttpRequest、fetch是浏览器的原生API，fetch在IE和低版本的浏览器支持不友好        jQuery的ajax其实就是对XMLHttpRequest的封装实现 建议在项目中引用第三方封装好...

前提准备 1.安装react-native-vector-iconsyarn addreact-native-vector-icons 2.如果你想使用库中的默认字体文件，则需要链接资源库(可选)react-native link react-native-vector-icons 3.重新运行项目 4.测试运行一下代码在任意组件 (这里使用...