我正面臨一個問題。我剛剛發現 setState 是異步的。如果某個條件為真，我將在我的渲染方法中渲染一個組件。船東 ():render() {        const { isFetchingSubject, isFetchingTemplate } = this.props;        return (            ...                            {this.state.showLabelDetails && <Details template={this.props.match.params.templatename} close={this.toggleShowLabelDetails} data={this.state.labelDetails} />}            ...        );    }onclick 按鈕的函數調用：toggleShowLabelDetails = (event) => {        if (!this.state.showLabelDetails) this.setState({ labelDetails: JSON.parse(event.target.value) })        this.setState({ showLabelDetails: !this.state.showLabelDetails });        if (this.state.showLabelDetails) this.setState({ labelDetails: {} })    }狀態：state = {         showLabelDetails: false,        labelDetails: {},     }代碼在做什么的解釋：當用戶點擊按鈕 X 時，它調用函數 toggleShowLabelDetails()它將狀態中的布爾值更改為 true，并將來自按鈕的值添加到作為對象的狀態 labelDetails。狀態改變意味著組件將再次渲染，當條件為真時，它將在屏幕上顯示一個新組件。50% 的情況下它運行良好，但有時我會收到以下錯誤：Uncaught SyntaxError: Unexpected token u in JSON at position 0at Object.parse (<anonymous>)Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. 有什么解決辦法嗎？