javascript - ReatctJS ComponentDidUpdate 未触发？

Question

简单的例子，但不知道为什么我不能让它工作:

class Grid extends React.Component {    
    componentDidUpdate = () =>{
      alert('Should Fire')
    }
    render() {        
        return (<div>{this.props.name}</div>)
    }
}
class Application extends React.Component {
  render() {
    return (<div><Grid name="test-grid" /></div>);
  }
}

componentDidUpdate 方法不会在 Grid 类中触发。洞察力？

Answer 1

您可以使用componentDidMount()。您没有更新应触发更新事件的 props。从componentDidUpdate()的文档中看到:

componentDidUpdate() is invoked immediately after updating occurs. This method is not called for the initial render.

如下:

class Grid extends React.Component {    
    componentDidMount = () =>{
      alert('Should Fire')
    }
    render() {        
        return (<div>{this.props.name}</div>)
    }
}

希望这会有所帮助!