对象内部的javascript对象

我正在研究react并使用ant设计列表组件，使其成为无状态子组件，以便在任何地方使用它。我的数据源（本例中为props.datasource）是对象数组。列表组件遍历每个对象

关于列表组件的标题和描述，我想传递我无法做到的道具。现在是title={item.line1}和description={item.city}，这里“line1”和“city”是预定义的，但我想使用道具。从父组件中，我希望传递title=“line1”，然后将其用作列表组件标题字段中的{props.title}

<List
dataSource={props.dataSource}
renderItem={(item) => (
<List.Item
  key={item.id}
>
  <List.Item.Meta
    avatar={
      <Avatar
        icon={<CheckOutlined />} //anything 
      />
    }
    title={item.line1}
    description={item.city}
  />
</List.Item>
)}
/>

(
)}
/>

尽管我做了很多努力，但还是无法做到这一点，如何在对象中添加对象

---

谢谢

如果我理解正确，您需要的是将道具分解到子组件，它可以实现如下：

(
)}
/>

如果我理解正确，您需要的是将道具分解为子组件，它可以实现如下：

(
)}
/>

我在某处读到了通过以下方式访问对象属性的内容：expression[expression]

通过编写title={item[

${props.title}

]}，问题得到了解决

---

谢谢

我在某处读到了通过以下方式访问对象属性的内容：expression[expression]

通过编写title={item[

${props.title}

]}，问题得到了解决

---

感谢

在这种特殊情况下，项目由数据组成，如第1行、第2行、城市、州等。所以，如果我想知道城市的例子，我应该如何写？手动编写{item.city}很好，但如何将道具与项目结合起来？在子组件中，您将收到您提到的所有道具<代码>道具.city，

道具.line1

，

道具.xxxxx

是，我将收到所有道具，我需要写入item.xxxxx以打印xxxxx的值。xxxxxx是一个道具，我无法用item编写此道具。我的意思是，

item

中的所有属性都分布到子组件

props

中。这样，您将在子组件中访问道具。whateverITEMhasonIt等等。亲爱的，我无法访问城市。你能告诉我什么应该是title=？并解释我的进一步使用。项目包括数据，如第1行、第2行、城市、州，以及在此特定情况下的更多数据。所以，如果我想知道城市的例子，我应该如何写？手动编写{item.city}很好，但如何将道具与项目结合起来？在子组件中，您将收到您提到的所有道具<代码>道具.city，

道具.line1

，

道具.xxxxx

是，我将收到所有道具，我需要写入item.xxxxx以打印xxxxx的值。xxxxxx是一个道具，我无法用item编写此道具。我的意思是，

item

中的所有属性都分布到子组件

props

中。这样，您将在子组件中访问道具。whateverITEMhasonIt等等。亲爱的，我无法访问城市。你能告诉我什么应该是title=？并解释我的进一步使用。