React初学者です。
html:index.html
1<div id="editor"></div> 2<div id="output"></div> 3 4</script> 5 var editor = ace.edit("editor"); 6 var Text = React.createClass({ 7 render: function (){ 8 return( 9 <div><span>HERE</span></div> 10 ); 11 } 12 }); 13 ReactDOM.render( 14 <Text />, 15 document.getElementById('output') 16 ); 17</script>
上のようなコードで、"HERE"の部分に、aceエディタの状態が変わるたびにエディタの内容を表示させたいのですが、どのようにするのが最もいいのかわかりません。
html:index.html
1<div id="editor"></div> 2<div id="output"></div> 3 4</script> 5var editor = ace.edit("editor"); 6editor.on('change',function(){ 7 var text = editor.getValue(); 8 var Text = React.createClass({ 9 render: function (){ 10 return( 11 <div><span>{this.props.text}</span></div> 12 ); 13 } 14 }); 15 ReactDOM.render( 16 <Text text={text}/>, 17 document.getElementById('output') 18 ); 19}); 20</script>
このようにすれば解決しないこともないですが、いささか悪いコードのような気がしてなりません。
ソースコードそのものでなく、「これを使うといい」とか「こういう方針で」のような回答で構いませんので、よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/17 12:48
退会済みユーザー
2016/02/17 14:10
2016/02/18 09:49
退会済みユーザー
2016/02/18 14:48 編集
2016/02/19 09:36