React+Meteor:this.ops返回未定义

React + Meteor: this.props is returning undefined

本文关键字：返回 未定义 ops this React+Meteor      更新时间：2023-09-26

你好，Idk为什么，但我正在尝试处理一些静态数据，并在我的流星和反应项目中使用道具进行传递，但无法访问我在"更新"变量中创建的静态数据。。有人能帮我理解为什么并解决这个问题吗？非常感谢：）

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

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

  • updates道具未传递到UpdatesView组件
  • 在UpdatesView上未指定更新道具的默认值

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

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