react.js - 怎么获取组件中的input的值
本文介绍了react.js - 怎么获取组件中的input的值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!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值输出来,但是这样不行
解决方案
没有#
o.innerHTML=document.getElementById("sss").value;
这篇关于react.js - 怎么获取组件中的input的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文