javascript - React + Meteor : this. Prop 返回未定义

Question

你好，我不知道为什么，但我正在尝试处理一些静态数据，并使用 meteor 和 react 项目中的 Prop 传递它，但无法访问我在“更新”变量中创建的静态数据..有人可以帮助我理解吗？为什么并解决这个问题，非常感谢您:)

import React, { Component } from 'react';
import { default as UpdateCard } from '../components/UpdateCard.jsx';

let updates = {
    title: 'Replace Title A with B',
    content: 'Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis,   malesuada ultricies. Curabitur et ligula'
}

export default class UpdatesView extends Component {
    render() {
        console.log(this.props.updates);
        return (
            <div>
                <UpdateCard updates={this.props.updates}/>       
            </div>
        )
     }
}

Answer 1

您的代码正在按预期运行。使用 let 关键字创建的变量不是 prop，而只是局部变量。 this.props.updates 将返回未定义，因为

• updates 属性未传递到 UpdatesView 组件
• UpdatesView 上未指定更新属性的默认值

尝试在 UpdatesView 类下面添加以下内容，它会将默认 Prop 添加到您的组件中。

    UpdatesView.defaultProps = {
      updates:  {
           title: 'Replace Title A with B',
           content: 'Lorem ipsum dolor sit amet enim. Etiam '
       }
    }