javascript - React.js如何将值绑定(bind)到现有输入元素

有一个html页面，其中包含以下html并包含js文件

的HTML：

<input type="text" name="customValue" id="customValue" value="">

js文件：

    class Calc extends React.Component {
      constructor() {
        super();
      }

      render() {
        return (99)
      }
    }
    ReactDOM.render(<Calc />, document.getElementById("customValue"));

所以我的问题是如何使用reactjs将customValue设置为99？

最佳答案

您可以这样做：

的HTML

<div id="rootDiv"></div>

JS

class Calc extends React.Component {
      constructor() {
        super();
      }

      getValue = () => {
          return 99;
      }

      render() {
        const value = this.getValue();

        return (
            <input type="text" name="customValue" id="customValue" value={value}>
        )
      }
}

ReactDOM.render(<Calc />, document.getElementById("rootDiv"));

关于javascript - React.js如何将值绑定(bind)到现有输入元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59067254/