反应：从嵌套道具返回最后一个子对象

Question

我在 object 中的 object 中的 object 中有一个 key-pair 对象。 I Object.assign 中间层，所以新对象是对象中的对象。

我将这个新对象作为道具发送。

我可以 console.log 新的父和子并查看对象，但尝试 console.log 最后一个子返回

未捕获的类型错误：无法读取未定义的属性“子”。

瓦关？

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)}

对象：{SomeValue: "Duck"}

很好。然后我要么记录要么渲染

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

未捕获的类型错误：无法读取未定义的属性“SomeValue”

非常感谢您对这个相当基本的问题的理解。

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

我认为您的代码背后的逻辑没有任何问题。如果我赌钱，我猜这是某个地方的错字。以下是我注意到的一些不一致之处：

• 在您的示例对象中，Child 有一个大写 C，而在错误消息中它是小写的

• 您似乎在 AwsReadFunction 中缺少右花括号，就在 render 方法声明之前。

• 你在一些地方使用cow，然后在其他地方使用cows

这显然只是一个猜测，但仔细检查不会有什么坏处:)