插入按钮问题重定向到另一个页面答案

【问题标题】：InsertButton Probleme redirection to other page插入按钮问题重定向到另一个页面
【发布时间】：2019-09-01 01:12:52
【问题描述】：

我想在我的表格中添加一个添加按钮。我在 BootstrapTable 中使用“insertRow”，在选项中我输入“insertBtn：createCustomInsertButton” 在 createCustomInsertButton 函数中，我自定义了我的按钮，我希望当点击它时它会重定向到另一个页面。

    render() {
        {
            console.log(this.props.store.environnements.length)
        }
        return (
            <div>
                <BootstrapTable selectRow={selectRow} data={this.props.store.environnements} options={options} deleteRow insertRow
                                pagination striped hover condensed>
                    <TableHeaderColumn isKey={true} dataField="id" hidden={true}>ID</TableHeaderColumn>
                    <TableHeaderColumn dataField='nom' filter={{type: 'TextFilter'}}>Nom</TableHeaderColumn>
                    <TableHeaderColumn dataFormat={buttonFormatter}>Action</TableHeaderColumn>
                </BootstrapTable>
            </div>
        );
    }

const options = {
    deleteBtn: createCustomDeleteButton,
    insertBtn: createCustomInsertButton
};

function createCustomInsertButton() {
    return (
        <InsertButton
            btnText='Ajouter'
            btnContextual='btn-success'
            className='btn-list btn-success-maif'
            btnGlyphicon='glyphicon-edit'
            onClick={test()}
       />
    );
}

function test() {
    return (
        <Redirect to='/environnement/add'></Redirect>
    );
}

【问题讨论】：

您的问题是什么？你试过什么？您收到了哪些错误消息？
我正在尝试从按钮重定向当前我尝试使用“OnClick”中的功能测试
我的错误：未捕获的不变违规：预期 onClick 侦听器是一个函数，而不是 object 类型的值。

标签： reactjs button redux react-bootstrap

【解决方案1】：

使用

 onClick = { () => test() }

或

onClick = { test }

如果您有 SPA，则应使用来自 react-router 的链接

import { Link } from 'react-router-dom'

<Link to="/page"> Page </Link>

【讨论】：

它有效，谢谢！我使用并插入

【解决方案2】：

如果createCustomInsertButton 定义之上的所有内容都按您期望的方式工作，onClick 需要一个函数。您的代码改为调用一个函数，因此每当调用 createCustomInsertButton 时，test 也是如此。

相反，将函数传递给onClick（无括号）：

onClick={test}

来自 React 文档：

使用 JSX，您可以将函数作为事件处理程序传递，而不是字符串。

React Handling Events Docs

【讨论】：

我没有更多的错误使用它。但是，我的重定向不起作用
您能说得更具体些吗？你试过什么？您收到了哪些错误消息？
我更改了“Onclick”，并尝试点击按钮，我没有收到错误但重定向不起作用
您的路由器是否支持/environnement/add？如果您直接访问它会发生什么（直接在浏览器栏中输入并回车）？
当我转到 url /environment/add 我的页面时显示