現在、新しいタブ(newtab)を拡張するChrome拡張機能を作成しています。
メニュー画面にソート可能なメニューバーにMaterial-UIを適用してクリックイベントを追加したところ、動作せず困っております。
jsx
1抜粋... 2return ( 3 <Button className="flex-element-evdbook" onClick={() => { console.log("yyyyy") }}>アイテム1</Button> 4 )
ソートには react-sortable-hoc コンポーネントを使用し、どうやら Material-UIとの組み合わせがクリックが動作しない原因のようなのですが、解決方法がわかりません。 皆様のお力をお借りしたく質問させていただきました。気になる点など些細な情報でも構いませので回答のほうにお寄せいただければと思います。
以下にソースコードを記載します。情報不足などありましたら、適宜追加していきますのでよろしくお願いいたします。
jsx
1class NewTab extends React.Component { 2 3... 4 5 render() { 6 return ( 7 <div className='App'> 8 <Container 9 guidOrder= {this.state.guidOrder} 10 axis="x" 11 onSortEnd={this.OnSortEnd} 12 /> 13 ... 14} 15 16const Container = SortableContainer(({guidOrder}) => { 17 return ( 18 <div className="flex"> 19 {guidOrder.map((guid, index) => ( 20 <Element key={guid} index={index} guid={guid} /> 21 ))} 22 </div> 23 ) 24}); 25 26const Element = SortableElement(({guid}) => { 27 return ( 28 <Button className="flex-element-evdbook" 29 onClick={() => { console.log("yyyyy") }} 30 > 31 SampleElement 32 </Button> 33 ) 34});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/18 00:46