🍃このブログは移転しました。
3秒後、自動的に移動します・・・。

jsx-no-bindだとStateless Functional Componentsでpropsをハンドラに上手く渡せない問題

お前は何を言っているんだみたいなタイトルですが、つまり・・。

// 子
const SFC = ({
  some,
  vars,
  and,
  handler,
}) => {
  return (
    <div onClick={handler}></div>
  );
}

// 親
class Container extends React.Component {
  render() {
    // 略
    <SFC {...item} handler={this.handler} />
  }

  handler(ev) {
    // ココで子に渡したpropsを使ってなんかしたい
  }
}

さてどうしたらいいんだという話。

続きを読む