Question

你好Idk为什么但是我正在尝试使用一些静态数据并在我的流星中使用道具传递它并反应项目但是无法访问我在'updates'变量中创建的静态数据..有人可以帮我理解为什么并解决这个问题，非常感谢，谢谢你。）

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.update将返回未定义，因为

更新prop未传递到UpdatesView组件
在UpdatesView

尝试在UpdatesView类下面添加以下内容，它会为您的组件添加默认道具。

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

React + Meteor：this.props返回undefined

1 个答案: