0

React.jsでmaterial-uiを使い下記コードを作成しましたが、leftButtonTouchedでタイトルのようなエラーが出てしまいます。どこが間違っているのでしょうか。

import React, { Component } from 'react';
import { LeftNav, MenuItem, AppBar } from 'material-ui';

export class Root extends Component{
  static propTypes = {
    children: React.PropTypes.any
  };

  constructor(props){
    super(props);
    console.log("init");
    this.state = {
      open: false
    };
  }

  leftButtonTouched(){
    this.setState({
      open: !this.state.open
    });
  }

  render(){
    return (
      <div>
        <AppBar
          onLeftIconButtonTouchTap={this.leftButtonTouched}/>
        <LeftNav open={this.state.open}>
          <MenuItem>Item1</MenuItem>
        </LeftNav>
        {this.props.children}
      </div>
    );
  }
}

参考ページ: http://www.material-ui.com/v0.14.4/#/components/left-nav

1
  • コンストラクタは呼ばれているのでstateはセットされているはずなんですが。。。 Commented 2016年5月7日 2:04

2 件の回答 2

1
leftButtonTouched = () => this.setState({open: !this.state.open});

にしたところ動きました。

0

Constructor の中で、

this.leftButtonTouched = this.leftButtonTouched.bind(this);

してみるとどうでしょう?

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。