react中外部传入的属性如果在外部改变，组件内如何得知并作出响应？
react中，外部传入的属性，如果在外部改变了，组件内如何得知并作出响应？
如果是vue，会在组件内通过watch来监听该属性。但react呢？
可以使用以下几种方法：
1、在类组件中
可以使用componentDidUpdate生命周期方法来监听prop的变化。
class MyComponent extends React.Component {componentDidUpdate(prevProps, prevState) {if (prevProps.myProp !== this.props.myProp) {// 在这里处理myProp的变化}}render() {return <div>{this.props.myProp}</div>;}
}
2、对于函数组件，可以使用React Hooks中的useEffect来达到类似的效果
import React, { useEffect } from 'react';function MyComponent({ myProp }) {useEffect(() => {// 在这里处理myProp的变化}, [myProp]);return <div>{myProp}</div>;
}
这都是AI告诉我的。