我有一個包含兩個組件的 React 應用程序。我的子組件有一個包含一些記錄的表。每條記錄都有一個按鈕，我在 onclick 中調用一個帶有參數 (id) 的函數 (editUser)。在該函數中，我通過 props 將該 id 發送到父組件。該函數已在構造函數中綁定。但是當按鈕點擊時，控制臺說this.props.userId 不是一個函數子組件：class UsersTable extends React.Component {    constructor(props) {        super(props);        this.state = {        };        this.editUser = this.editUser.bind(this);    }    editUser(id) {       this.props.userId(id);    }    render() {        return (        <TableBody>            {data                .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)                .map(n => {                    return (                        <TableRow key={n.id}>                            <TableCell className={classes.fixedTd}>                                <BorderColorIcon onClick={() => this.editUser(n.userId)} className="action margin-r" />                            </TableCell>                        </TableRow>                    );                })}        </TableBody>        );    }}export UsersTable;父組件：class CompanyUserMgt extends Component {    constructor(props) {        super(props);        this.state = {        }    }    editUser = (id) => {        console.log("user", id)    }    render() {        return (            <div className="">        <UsersTable            userId={this.editUser}                    key={this.state.tableKey}                />            </div>        )    }}export default CompanyUserMgt;我該如何解決這個問題？