Reactでwillcomponent内でpropsの値を扱いたい

Question

componentsWillMount内でpropsの値が参照できない

componentsWillMount内でrequireで取ってきたjsonデータからpropsの値をキーにデータをソートして取り出そうとしたところでつまりました。

エラーメッセージ

TypeError: Cannot read property 'props' of undefined

該当のソースコード

getInfo = () =>{
    var ref_Data = require('../data.json');
    //ref_Data = ref_Data.this.props.key;
    console.log(ref_Data.this.props.key);
  }
  componentWillMount(){
    this.getInfo();
  }

試したこと

thisの参照先が期待通りに行っていないのだと思い、アロー関数を使うことでthisの向かい先を関数外に向けることができると思いました。

Answer 1

JSONデータはどのような形なのでしょうか。thisやpropsがキーになっているのでなければ、取り出し方がおかしいです。

---

本題ではありませんが、componentWillMountは非推奨となっています。コンストラクタあるいはcomponentDidMountを使いましょう。

Comments

[hfidk]

propsからの文字列をキーにして取り出そうとする場合どうすればいいのでしょうか

[maisumakun]

ref_Data[this.props.key]ということでしょうか。

[hfidk]

あっそういう方法があるんですね。ありがとうございます

[mpyw]

ちなみに key は props として渡せません。特殊属性です。