在 React 中从外部文件中解构状态数据

Question

我想从外部 .js 文件接收所有城市名称，以便稍后将它们与输入值进行比较。 问题是当我像const { city } = this.state.cities;这样const { city } = this.state.cities; 和console.log ，它返回undefined 。

const cities = [
  {
    key: 1,
    city: "Cambridge"
  },
  {
    key: 2,
    city: "Durango"
  },
  {
    key: 3,
    city: "Atlanta"
  },
  {
    key: 4,
    city: "Sacramento"
  },
  {
    key: 2,
    city: "San Francisco"
  }
];

export default cities;

和 JSX 文件

class Filters extends React.Component {
  state = {
    cities: cities,
    categories: categories,
    types: types,
    salaries: salary
  };

如何在不设置特定对象索引的情况下到达城市？

Answer 1

如果您不想通过数组索引获取对象，则可以通过键或城市获取它，例如：

cities.find(e => e.key === 1)

或者

cities.find(e => e.city === 'city')