在 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')