像 vuejs 一样,watch React组件props变化

时间:2021-1-8 作者:admin

A higher-order component that adds watch props features to the react component

Install

npm i –save watch-props

Usage

import React from 'react'
import watchProps from 'watch-props'

@watchProps
class App extends React.Component{
  watch={
     id: function(newValue, oldValue){
        console.log(newValue, oldValue) //print "100, 1"
     }
  }
}

class Home extends React.Component{
  state = {
    id: 1
  }

  componentDidMount(){
     setTimeout(()=>{
        this.setState({
           id: 100
        })
     },1000)
  }

   render(){
     return <App id={this.state.id} />
   }
}
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。