Javascript 基于this.props.params.id的React筛选器数组

我有以下组成部分：

import React from 'react';

import porgectsCollection from './../data/projectInfo.js';

class SingleProject extends React.Component {
  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return (el.title = {this.props.params.id});
    });
  }
  render () {
    console.log(this.getProjectId);
    return (
        <div>
            <h2>{this.props.params.id}</h2>
        </div>
    );
  }
}

export default SingleProject;

然后我尝试使用此功能：

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return (el.title = {this.props.params.id});
    });
  }

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return el.title === this.props.params.id;
    });
  }

以显示正确的数据

我不确定这是否是正确的方法，但我在运行webpack时也遇到了一个错误：

---

引用{this.props.params.id}的意外标记

您不需要括号-它只是在普通JS函数中：

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return (el.title = {this.props.params.id});
    });
  }

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return el.title === this.props.params.id;
    });
  }

一些更光鲜的格式：

  getProjectId() {
    return porgectsCollection.filter(el => el.title === this.props.params.id);
  }

---

（您在“项目”中也输入了一个错误，但为了保持一致，我留下了它）

您不需要括号-它只是在一个普通的JS函数中：

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return (el.title = {this.props.params.id});
    });
  }

  getProjectId() {
    let projectID = porgectsCollection.filter(el => {
        return el.title === this.props.params.id;
    });
  }

一些更光鲜的格式：

  getProjectId() {
    return porgectsCollection.filter(el => el.title === this.props.params.id);
  }

---

（你在“projects”中也输入了一个错误，但我留下来保持一致）

{this.props.params.id}不需要花括号，只有当你想在jsx中正确使用javascript时才使用花括号，就像你在{this.props.params.id}{this.props.params.id}中所做的那样，花括号仅在您希望在jsx中正确使用javascript时使用，就像您在{this.props.params.id}中所做的那样