javascript - 使用 React.js 检查属性是否存在

标签 javascript reactjs meteor-react

我刚开始使用react.js,并且正在尝试编写一个可重用的组件,该组件具有传递给它的可选属性。在组件中,该可选属性使用meteor从数据库中提取数据,然后我想检查返回的对象上是否存在属性(任务上存在parent_task),如果存在,则添加一个链接。这看起来相当简单,但我不断收到错误。有人对我可能缺少的东西有什么建议吗?我是否缺少 jsx 陷阱?

<Header task={params.task_id} />  // rendering component with property

// Task List Header
Header = React.createClass({
  mixins: [ReactMeteorData],

  getMeteorData() {
    var handle = Meteor.subscribe('tasks');

    return {
      taskLoading: ! handle.ready(),
      task: Tasks.findOne({_id: this.props.task})
    }
  },

  getParentTaskLink() {
    if (!this.data.taskLoading) {
      var current_task = this.data.task;

      if (parent_task in current_task) {  // or current_task.hasOwnProperty(parent_task)
        console.log("parent_task exists!");
      }
    }
  },

  render() {
    return (
      <div className="bar bar-header bar-calm">
        {this.getParentTaskLink()} // eventually return anchor element here
        <h1 className="title">Hello World</h1>
      </div>
    )
  }
});

最佳答案

有问题的 Prop 是什么?怎么样

{this.props.propInQuestion ? <a href="#">link</a> : null}

关于javascript - 使用 React.js 检查属性是否存在,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33761439/

相关文章:

javascript - 只读的 Ember 计算属性应该在 YUIdoc 中标记为 @property 还是 @method?

javascript - 将字典转为csv

javascript - 单击react.js 切换列表的背景颜色

javascript - 编写 sum_pairs 函数的更简单方法

meteor - 在 React 组件中调用 Meteor 方法

javascript - 在新的 React 图表中使用从 Highcharts 编辑器导出的数据

javascript - 在功能组件内执行异步操作

javascript - 从父到子 react 使用引用

meteor react : Accounts. changePassword 未定义