【已解决】ReactJS中如何异步实现手动路由跳转页面

之前是在Preact中，在一个input的button外部，加上一个Link href，去实现点击按钮路由跳转页面的：

<button

onClick={this.handleSave}

class={style.ui_btn}

disabled={this.state.saveBtnDisabled ? "disabled" : ""}>保存</button>

</Link>

</div>

现在为了动态的决定按钮是否被忌用，所以改为：

<input

onClick={this.handleSave}

class={style.ui_btn}

value="保存"

disabled={this.state.saveBtnDisabled ? "disabled" : ""}/>

</div>

然后想要在按钮可以点击后，去执行对应的POST url

在callback中去实现：

手动路由页面跳转

reactjs 异步 Link 跳转页面

preact-router manual link

preact-router link to

react-router async routes

preact-router transitionTo

react-router transitionTo

抽空再去看看：

的browserHistory

【总结】

最后是：

对于Preact-router来说，用route即可：

import { Link, route } from ‘preact-router’;

this.props.fetch(

url,

。。。,

(data) => {

console.log(data);

route("/breedingManagement");

}

);

即可实现手动跳转到对应的页面。

Post Views: 641