您好，能上傳一下代碼么？

老師能上傳一下代碼么

慕粉4362853

2017-02-22

源自：React入門 1-1

關注問題我要回答

888

操作

收起

1 回答

時光有染
2017-02-22

<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>React_event</title>
?? ?<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
?? ?<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
?? ?<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
</head>
<body>
?<div id="container"></div>
?? ?<script type="text/babel">
?? ??? ?var TestClick=React.createClass({
?? ??? ??? ?handleClick: function(){
?? ??? ??? ??? ?var tipE=ReactDOM.findDOMNode(this.refs.tip);//新版本用ReactDOM
?? ??? ??? ??? ?if (tipE.style.display==="none") {
?? ??? ??? ??? ??? ?tipE.style.display="inline";
?? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ?tipE.style.display="none";
?? ??? ??? ??? ?}
?? ??? ??? ?},
?? ??? ??? ?render: function(){
?? ??? ??? ??? ?return (
?? ??? ??? ??? ??? ?<div>
?? ??? ??? ??? ??? ??? ?<button onClick={this.handleClick}>顯示|隱藏</button><span ref="tip">測試文字</span>
?? ??? ??? ??? ??? ?</div>
?? ??? ??? ??? ??? ?);
?? ??? ??? ?}
?? ??? ?});
?? ??? ?var TestInput=React.createClass({
?? ??? ??? ?getInitialState: function(){
?? ??? ??? ??? ?return {
?? ??? ??? ??? ??? ?inputContent: ""
?? ??? ??? ??? ?}
?? ??? ??? ?},
?? ??? ??? ?changeHandler: function(event){
?? ??? ??? ??? ?this.setState({
?? ??? ??? ??? ??? ?inputContent: event.target.value
?? ??? ??? ??? ?});
?? ??? ??? ?},
?? ??? ??? ?render: function(){
?? ??? ??? ??? ?return (
?? ??? ??? ??? ??? ?<div>
?? ??? ??? ??? ??? ??? ?<input type="text" onChange={this.changeHandler}/>
?? ??? ??? ??? ??? ??? ?<span>{this.state.inputContent}</span>
?? ??? ??? ??? ??? ?</div>
?? ??? ??? ??? ??? ?);
?? ??? ??? ?}
?? ??? ?});
?? ??? ?ReactDOM.render(
?? ??? ??? ?<div>
?? ??? ??? ??? ?<TestClick />
?? ??? ??? ??? ?<br/><br/>
?? ??? ??? ??? ?<TestInput />
?? ??? ??? ?</div>,
?? ??? ??? ?document.getElementById("container")
?? ??? ??? ?);
?? ?</script>
</body>
</html>