使用Material-UI React组件:动态Link的Button在state更新后链接是否自动变更?
这个按钮的链接会自动更新,完全不需要手动强制修改href属性哦!
原因很简单:你给to属性传的是依赖于this.state.username的模板字符串meeting/${this.state.username}。在React的机制里,当组件的state发生变化时,会触发组件的重新渲染过程。重新渲染时,to属性会被重新计算,对应的Link跳转目标也就自动更新成最新的meeting/[新的username]了。
你可以快速验证一下:给组件加个输入框,把输入框的值和this.state.username双向绑定,输入不同的用户名时,打开浏览器开发者工具查看这个Button对应的<a>标签的href属性,就能看到它会跟着实时变化啦。
内容的提问来源于stack exchange,提问作者G-Man
相关产品推荐
相关产品推荐

