首页 文章

如何使用React.createElement（）函数编写一个select字段

提问于
浏览 次
0

我有这个用html编写的代码

<select id ='Font_Size' onchange="ChangeFont()">
            <option>Font Size </option>
            <option id ='sizeUp'>Large </option>
            <option id ='normal'>Normal</option>
            <option id ='sizeDown'>Small</option>
</select>

React.createElement('input',{type:'select',onChange:this.ChangeFont},React.createElement("input",{type:"Option"}))

但我想创建一个react元素，它将使用函数React.createElement（）创建一个选择字段，并将其显示为上面的代码 . 底部的代码是我尝试过的，但它不起作用

javascript reactjs

1 回答

  • 0

    你创建的是 <input/> ，你想创建一个 <select/> . 运行以下代码段以查看操作中的代码：

    var App = React.createClass({
  render() {
    return React.createElement("select", {},
      React.createElement("option", {value: "A"}, "Option A"),
      React.createElement("option", {value: "B"}, "Option B"),
      React.createElement("option", {value: "C"}, "Option C")
    );
  }
});

ReactDOM.render(<App label="this is the label prop" />, document.getElementById('react'));

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.6.2/react-dom.min.js"></script>
<div id="react"></div>
    回复于

相关问题