###前提・実現したいこと
onclickなどをつかってボタンに関数呼び出しをつけたい。
###発生している問題・エラーメッセージ
表示したボタンに対してonclick属性をつけることができない。
###該当のソースコード
javascript
1var menuList = [ 2 { 3 id: "ADD", 4 clickHandler:data_add() //追加関数 5 }, 6 { 7 id: "EXPORT", 8 clickHandler:data_export() //出力関数 9 }, 10 { 11 id: "INPORT", 12 clickHandler:data_inport() //読み込み関数 13 } 14]; 15 16const MenuList = props => { 17 return ( 18 <ul> 19 {props.menuList.map(item => <MenuItem item={item}/>)} 20 </ul> 21 ) 22} 23 24const MenuItem = props => { 25 return ( 26 <li className="menu_button"> 27 <button className={props.item.id} onclick={props.item.clickHandler}> 28 {props.item.id} 29 </button> 30 </li> 31 ) 32} 33 34ReactDOM.render( 35 <MenuList menuList={menuList} />, 36 document.querySelector('#menu') 37); 38
###試したこと
props.item.idの部分はきちんと適用されます。
clickHandlerに追加する値を文字列(""で囲む)にしてみましたが、「文字列型で渡されています」というエラーが吐かれました。
###補足情報(言語/FW/ツール等のバージョンなど)
使用しているreactのバージョンとJSXTransformerのバージョンです
html
1<script type="text/javascript" src="https://fb.me/JSXTransformer-0.13.3.js"></script> 2<script type="text/javascript" src="https://fb.me/react-15.1.0.js"></script> 3<script type="text/javascript" src="https://fb.me/react-dom-15.1.0.js"></script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/09 23:03
2016/06/10 10:18