材质 UI 按钮未重定向到路径

Question

我有一个按钮，它具有onClick功能，可以重定向到带有道具的某个组件<Button  variant="contained"  color="primary"  className={classes.button}  endIcon={<SendIcon/>}  onClick={() => {        <Redirect          to={{          pathname: '/view',           state: {            id: row.id                  }             }}          />         }} >    View History </Button>我的路由代码<Route exact path="/view"  render={(props) => <NewTestComp {...props}/>} />按钮没有重定向，我尝试了许多不同的解决方案，但我找不到答案

Answer 1

您需要利用 重定向到新页面，并且需要呈现组件才能有效，并且 onClick 处理程序不会呈现返回的值history.pushRedirect

<Button

  variant="contained"

  color="primary"

  className={classes.button}

  endIcon={<SendIcon/>}

  onClick={() => {

        props.history.push({

          pathname: '/view',

           state: {

            id: row.id

           }

        });

  }

 >

    View History

 </Button>

使用方式和Redirect would be to setStaterender the component conditionally

<Button

  variant="contained"

  color="primary"

  className={classes.button}

  endIcon={<SendIcon/>}

  onClick={() => {

        this.setState({ redirectWithState: {

            id: row.id

        }})

 >

    View History

 </Button>

{ redirectWithState && <Redirect 

         to={{

          pathname: '/view',

           state: redirectWithState

             }}

          />

         }}