react
街头嗳昧℡
这个作者很懒,什么都没留下…
展开
-
react 数据监听
监听组件传递的值: componentWillReceiveProps(newProps) { 参数为给组件传递的参数 } 监听组件内部状态的变化:componentDidUpdate(prevProps,prevState){ 参数分别为改变之前的数据状态对象 if(prevState.属性名!=this.state.属性名) { ... }}代码示例: //组件接收新属性时调用 componentWillReceiveProps(newProps.原创 2021-12-27 16:03:09 · 5983 阅读 · 0 评论 -
React——使用生命周期写一个当前时间
import React from 'react';import ReactDOM from 'react-dom';function tick(){ const element=( <div> <h2> 现在时间是:{ new Date().toLocaleTimeString() }</h2> </div> ) ReactDOM.render(element,document.getElementById('.原创 2021-12-22 11:47:24 · 169 阅读 · 0 评论 -
函数组件与Class组件
函数组件的概念:函数组件是一个有效的React组件,因为他接受唯一带有数据的"props"(代表属性)对象并返回一个React元素,这类组件被称为函数组件,因为它本质上就是Javascript函数,所以也可以说定义组件最简单的方式就是编写Javascript函数一下三个组件,无论是函数组件还是class组件,都是等效的class组件的写法class Namecard extends React.component{render(){const {tages} = this.propsre原创 2021-12-22 11:43:51 · 806 阅读 · 0 评论 -
React点击事件this绑定的4种方式及传参
第一种:在事件中使用箭头函数(官网推荐使用)import React from 'react'class LikesButton extends React.Component{ constructor(props){ super(props) } increaseClick = (e) =>{ // this:这个组件 console.log(this) // e:被点击目标的合成事件 console原创 2021-12-22 11:39:53 · 620 阅读 · 0 评论 -
React之使用context传递数据
react中当要从父组件给子孙组件传递数据时 如果用props传递 则需要一级一级传递 而如果用context时 则可以在父组件中加入getChildContext函数 并声明需要传递的数据 在需要接受到数据的组件中声明变量类型Test.contextTypes = {test : PropTypes.string} Example://父组件import React, { Component,PropTypes } from 'react';import Son from './Son';原创 2021-12-16 16:40:20 · 593 阅读 · 0 评论 -
react中数据父传子和子传父的实现
基本使用nm i react react-domreact包核心 提供创建元素、组件等功能react-dom包提供dom相关功能原创 2021-12-16 16:35:08 · 210 阅读 · 0 评论 -
React 三种通信方式(父传子、子传父、兄弟传值)
react有三种通信方式:一、父传子,二、字传父,三、兄弟之间传值一、父组件向子组件传值父组件通过属性的方式传递参数,子组件通过props来接收父组件传递过来的参数React中是单向数据流,数据只能从父组件通过属性的方式传给其子组件,如下图:在引用子组件的时候传递,相当于一个属性,例如:在子组件内通过porps.param获取到这个param的值。父组件向子组件传值,通过props,将父组件的state传递给了子组件。父组件(直接定义一个属性传值即可):imp..原创 2021-12-16 16:26:55 · 4206 阅读 · 0 评论