l_ymttt的博客

index.jsximport React, { Component } from 'react';class show extends Component { constructor(props) { super(props) this.state = { cls: 'parent_kb' } } changeCls(cls) { this.setState({ .

选项卡

这是一个用react加原生js写的分页效果，前面loading动画大家可自行添加。具体先看效果图接下来上代码:导航栏代码和scss代码。import React, { Component } from 'react';// 分页效果的导航部分class Com extends React.Component { constructor(props) { super(props) let { defaultCurrent, total }..

一，单个表单的数据修改import React, { Component } from 'react';class index extends Component { constructor(props) { super(props) this.state = { name: '', // 后续添加 } } setName(e) { let value = e.

这个只有粉丝能看，所以知道啥意思就行，组件名，大解释什么的就不改了。（不要问为什么，懒！）先说一下需求：首页跳到列表页，列表页里面有通过页面和未通过页面，还有一个其他页面。通过页面里有一个通过详情页，未通过里只显示未通过信息，其他页面里有两个选项，可以跳到选项一和选项二页面。注意：第三方页面使用路由信息用withRouter，路由信息match方法。打印match可以给你帮助这里写一下地址栏的需求：list 列表页list/tong

Hook介绍Hook 是 React 16.8 的新增特性。它是完全可选的，并且100%向后兼容。它可以让你使用函数组件的方式，运用类组件以及 react 其他的一些特性，比如管理状态、生命周期钩子等。从概念上讲，React 组件一直更像是函数。而 Hook 则拥抱了函数，同时也没有牺牲 React 的精神原则。优点：1、代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，通过 React Hooks 可以将功能代码聚合，方便阅读维护。2、组件树层级

先说一说context是干什么的： 跨层级通信一般组件通信的方法都是通过props来传递，不过这种方法当有了第三级或往后孙孙组件的时候就显得比较繁琐。以及不好修改。这时我们可以使用context来管理这些数据，不管多少层级都能让想要使用这些数据的组件能拿到。还有别的方法，mobx或redux。这些可以自行了解说一下文件目录以及思路： 创建index文件作为父组件，child1组件为子组件，child2为子子组件。同级下创建一个store.j...

1. 创建方式 // 写法一const Hello = (props) => { return <div>{props.message}</div>} // 写法二const Hello = props => <div>{props.message}</div> // 写法三function Hello(props) { return <div>{props.message}</