Reactjs Button带有动态链接

Question

我正在使用Material-UI React组件。

我有一个Button，它有一个指向特定页面的链接。 当我更新我的状态（下面的例子中的用户名）时，我是否应该期望链接也改变，或者当我更新我的state.username时是否需要强制更新按钮的href？

<Button component={Link} to={`meeting/${this.state.username}`} variant="raised" color="primary">

Answer 1

只要您update the state properly，就会在每次状态更改时调用React Components的渲染方法。

所以，回答你的问题：你应该期望链接也会改变。

Answer 2

您必须更新状态，并且当组件在setState

上呈现自身时，链接将自动更新

使用这种方式更新您的州，而不是直接更新。

this.setState({username:"newUserName"});