Reactjs如何将值绑定到现有的输入元素

Question

有一个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？

Answer 1

你可以这样做： -

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"));