が反応：<em>オブジェクト</em>内<em>オブジェクト</em>内<em>オブジェクト</em>に私は<em>鍵ペアのオブジェクト</em>を持つネストされた小道具

Question

から最後の子オブジェクトを返します。 I Object.新しいオブジェクトがオブジェクト内のオブジェクトになるように中間レイヤを割り当てます。

私はこの新しいオブジェクトを支柱として送ります。

私は新しい親と子をCONSOLE.LOGし、オブジェクトを参照してください、しかし、最後の子をCONSOLE.LOGしようとする

Uncaught TypeError: Cannot read property 'child' of undefined.

Wagwanを返すことができますか？

obj: 
    { 
    Something: Null, 
    Grandparent: { 
     SomethinElse: Null, 
     Parent: { 
      SomethingMore: Null, 
      Child: { 
       SomeValue: "Duck" 
      } 
     } 
    } 

newObj: 
    Child: { 
     SomeValue: "Duck" 
    } 

は、その後、私は

this.state.cow: newObj 

を設定しそれから私は、コンポーネントに送信し、

{console.log(this.props.cow)} 

Object: {SomeValue: "Duck"}

良いを呼び出します。それから私は、ログインするか、このかなり基本的な質問にご理解のための

{console.log(this.props.cow.SomeValue)} 

Uncaught TypeError: Cannot read property 'SomeValue' of undefined

感謝をレンダリングするのいずれか。私はあなたのコードの背後にあるロジックに何か問題が表示されていない

export default class AwsReadFunction extends React.Component { 
 

 
    constructor(){ 
 
    super(); 
 
    this.state={ 
 
     main: {}, 
 
     info: {}, 
 
     cows: {} 
 
    }; 
 
    } //constructor END 
 

 
    componentDidMount() { 
 
    var docClient = new AWS.DynamoDB.DocumentClient() 
 
    var table = "Movies"; 
 
    var year = 1944; 
 
    var title = "Lifeboat"; 
 
    var params = { 
 
     TableName: table, 
 
     Key:{ 
 
     "year": year, 
 
     "title": title 
 
     } 
 
    }; 
 

 
    docClient.get(params, (err, data) => { 
 
     if(err){ 
 
     console.log(JSON.stringify(err)); 
 
     } else { 
 
     var ca = Object.assign({}, data.Item.info.cows); 
 
     this.setState({ 
 
      main: data.Item, 
 
      info: null, 
 
      cows: ca 
 
     }); 
 
     } 
 
    }); 
 

 
    render(){ 
 
    return (
 
     <div> 
 
     <List main={this.state.main} cows={this.state.cows} /> 
 
     </div> 
 
    ) 
 
    } 
 
} 
 
export default class List extends React.Component { 
 
    render(){ 
 
    return (
 
     <div> 
 
     List cows-fish: {this.props.cows.fish} <br /> 
 
     </div> 
 
    ) 
 
    } 
 
}

Answer 1

。私がお金を賭けるならば、それはどこかのタイプミスだと思うだろう。あなたの例のオブジェクトで

• を、それが

• 小文字のエラーメッセージにあなたがAwsReadFunctionに閉じ中括弧が欠けているように見えながらChildは資本Cがあり、これらは私が気づいたいくつかの矛盾していますrenderメソッド宣言の直前。あなたはいくつかの場所でcowを使用

• 、その後、cows

他
で

これは明らかに単なる推測ですが、それは二重チェックするために傷つけることはありません:)