defaultValue更改不会重新呈现输入

  • Z时代
  • 2024-01-10
  • 分类：问答

我不知道为什么这不起作用

演示版

我有以下es6代码

const {createFactory, createClass, DOM: { label, input, button }} = React;
const tester = createFactory(createClass({
  render() {
      return label({}
               ,`Name: ${this.props.name}`
               ,input({defaultValue: this.props.name})
               ,button({onClick: this.changeName}, "Change")
             )
  },
  changeName() {
    this.setProps({name: "Wilma"})
  }
}) )
React.render(tester({name: "Fred"}), document.querySelector('body'))

单击按钮可以清楚地更改道具，但是旧defaultValue的仍然在输入中！那有什么呢？我究竟做错了什么？这是一个错误吗？有解决方法吗？

回答：

您仅指定其默认值，但不告诉它通过更改props来更改其值。

,input({value: this.props.name})

当this.props.name更改时，将更改该值。

http://output.jsbin.com/melitecimo

以上是 defaultValue更改不会重新呈现输入 的全部内容， 来源链接： utcz.com/qa/413528.html

回到顶部