如何在<select>标签内使用React Router？

Question

如何使用React Router v4还是有其他选择 - 更具体地说＆lt; Link＆gt;里面＆lt; select＆gt;标签。 可能，代码看起来像这样 ＆lt; div className =“col-lg-4”＆gt;     ＆lt; select id =“categories”onChange = {handleCategories} className =“form-control”＆gt;         {             this.state.temp.map（（i，index）=＆gt;＆lt; option key = {index}＆gt; {i}＆lt; / option＆gt;）         }     ＆LT; /选择＆GT; ＆LT; / DIV＆GT; 如何使用Link来更改路径名？ 我试过这个，没有抛出任何错误，但没有改变路径名 this.state.temp.map（（i，index）=＆gt;＆lt; option key = {index}＆gt;＆lt; Link to =“/ whatever”＆gt; {i}＆lt; / Link＆gt;＆lt; / option＆gt;

Answer 1

您可以在handleCategories方法

中执行此操作

handleCategories = ({ target } => {
 this.props.history.push(`/foo/${target.value}`);
} 

Answer 2

this.props.history.push更改网址，但不加载/渲染页面