我有一個 React 應用程序，它的界面使用Material UI。我創建了一個自定義按鈕組件，它為默認的 Material UI 按鈕設置樣式并使用 redux。render()我的按鈕組件的功能如下所示：        return (            <div className={classes.buttonWrapper}>                <Button                     ref={this.props.innerRef}                    disabled={loading || disabled}                    onClick={this.handleClick}                    {...other}>                    <React.Fragment>                        {children}                        {this.buildLoader(loading, classes)}                    </React.Fragment>                </Button>            </div>        );我想要的是能夠在頁面上包含這個按鈕，并讓 UI 通過點擊以外的其他方式觸發它的點擊事件。例如，在登錄表單上，我希望當前關注密碼文本框的用戶能夠通過按 Return/Enter 鍵觸發按鈕單擊。我確定我需要在 React 中使用轉發引用的概念，但我對 React 還很陌生，無法讓它工作。你可以在我的按鈕上看到我已經定義了一個ref集合this.props.innerRef。我的按鈕組件（稱為WaitingButton）是這樣導出的：const withInnerRef = React.forwardRef((props, ref) => <WaitingButton   innerRef={ref} {...props}/>);var component = withStyles(styles)(withInnerRef);export default connect(mapStateToProps, mapDispatchToProps)(component);然后我將此按鈕添加到這樣的表單中：    <Paper>        <TextField             style={{marginBottom: '8px'}}            label="A textbox!"            fullWidth             onKeyPress={(e) => { if (e.key === "Enter") this.triggerClick(); }} />        <WaitingButton             ref={this.submitButton}            variant="contained"            color="primary"            onClick={(e) => {                console.log('Button clicked :)', e.target);            }}>            Press enter in textbox!        </WaitingButton>    </Paper>請參閱我已分配按鈕，ref并在此頁面的構造函數中使用this.submitButton = React.createRef();最后triggerClick看起來像這樣：    triggerClick() {        console.log('CLICK', this.submitButton.current);        this.submitButton.current.click();    }當我在文本框中按 Enter 鍵時，我可以檢查分配給的值，this.submitButton.current并可以看到它是connect我包裹按鈕的 Redux對象。但是，我也得到了錯誤this.submitButton.current.click is not a function，很明顯，ref 沒有一直轉發到按鈕本身。恐怕我有點失落，所以呼吁您的幫助！