问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

怎么获取组件中的input的值

头像
hstnba
    20554265
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/React/react.js"></script>
    <script src="../static/React/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<h1 onclick="ss(this)">click</h1>
<script type="text/babel">
  var Hst = React.createClass({
      handleClick:function () {
        this.refs.myTextInput.focus();
      },
      render:function () {
          return (<div>
              <input type="text" ref="myTextInput" value="" id="sss"/>
              <input type="button" value="please the input" onclick={this.handleClick}/>
          </div>)
      }
  });
    ReactDOM.render(
            <Hst/>,
            document.getElementById('example')
    )
</script>
<script>
    var ss = function (o) {
      o.innerHTML=document.getElementById("#sss").value;
    }
</script>
</body>
</html>

    我想把ID="SSS"的input值输出来，但是这样不行

    react
    阅读 31.4k
    6 个回答
    得票最新
    头像
    njaulj
      876317
      ✓ 已被采纳

      没有#

      o.innerHTML=document.getElementById("sss").value;
      头像
      芥末好吃
        353

        如果是 controlled input，那么可以把 value 放在 state 里面，然后传给 input，在 input 上定义 onChange 来修改 state。好好看看官方文档吧。

        头像
        luoxuexu
          22012

          要操作实际的dom，可以在componentDidMount里面写你的代码...

          头像
          qifan
            203

            refs 取 value

            头像
            Kson
              1
              新手上路，请多包涵

              <Input ref = 'nameInput' />

              onSaveEvent(){

              var input = React.findDOM(this.refs.nameInput);
var inputValue = input.value;

              }

              大概的伪代码就是这样。这样处理同级别的子组件可以使用引用的方式来引用同级别组件。要记得这里的组件必须先封装成React组件才可以使用引用。‘Input’这里是封装‘input’的

              头像
              小谷xg
                2.3k20142180
                查看全部 6 个回答
                推荐问题