我正進(jìn)入（狀態(tài)錯(cuò)誤：超出最大更新深度。當(dāng)組件在 componentWillUpdate 或 componentDidUpdate 中重復(fù)調(diào)用 setState 時(shí)，可能會(huì)發(fā)生這種情況。React 限制嵌套更新的數(shù)量以防止無(wú)限循環(huán)。但我讀到的內(nèi)容應(yīng)該能夠在 componentDidMount 中調(diào)用 setState 而不會(huì)出現(xiàn)錯(cuò)誤。class MyComponent extends Component {constructor(props) {    super(props);    this.state = {        matchtedProducts: [],        products: [],    }}async componentDidMount() {    try {        const products = await getProducts()        this.setState({ products })    } catch(err) {        console.log(err)    }}componentDidUpdate() {    const productColor = this.props.size.trim().toLowerCase()    const productSize = this.props.color.trim().toLowerCase()    const matches = []    this.state.products.map(product => {        const title = product.title        const titleSpliitet = title.split(',')        let color = titleSpliitet[1].trim().toLowerCase()        let size = titleSpliitet[2].trim().toLowerCase()        if(color == productColor && size == productSize) {            matches.push(product)        }    })    this.setState({matchtedProducts: matches})}render() {    return (<div></div>)}}