Question

我正在使用React和Redux。在某些时候，我有一个链接，我想在更改路由之前为此链接添加延迟。

   render(){
        return(
            <div>
            <h3>New note for {this.props.match.params.user}</h3>
            <input  placeholder="Your note" onChange = {(e)=>this.handleChange(e)}/>
            <Link to={`/board/${this.props.match.params.user}`} >
            <br/>
                <button onClick={(e) => {this.validateNote()}}>Add this now !</button>
            </Link>
            </div>
        );
    }

我该怎么做？

Answer 1

正如@ shubham-khatri在评论中写道，我肯定会使用编程方式来导航而不是链接组件。看看here。

要回答具体问题，因为您已经在链接中有一个按钮，我会使用它的回调来更改路由。

<button onClick={(e) => {this.validateNote(); this.props.history.push(`/board/${this.props.match.params.user}`);}}>Add this now !</button>

如果我们已经在谈论，我不建议您使用匿名函数作为onClick的回调，因为这样您就可以创建每个渲染的新函数。试着阅读它here

ReactJS - 为Link添加延迟

1 个答案: