根据键扩展和折叠 - 反应原生

Question

我创建了一个数组如下：

const title = ['hello', 'secondTitle', 'thirdTitle']

我有一个组件，我需要将title作为属性传递， 我还有一个返回带有成员的对象的服务：HelloContent，secondtitleContent，thirdTitleContent

<CustomComponent listTitle = {title} toggleExpanded= {toggleExpanded} pass corresponding data?>

我还有一个状态变量：

constructor(props) {
    state: {
      expanded: false
     }
}

toggleExpanded = () => {
    this.setState({expanded: !this.state.expanded})
}

所以我想做的是： 遍历数组， 将标题传递给CustomComponent，我也传递toggleExpanded（扩展和折叠视图）。 但是如何传递数组中的每个项目以扩展其当前视图，因为这样，如果我展开一个，所有组件都会扩展。

我是否将扩展更改为数组[]？ 有什么建议 ？ 我对使用什么方法感到困惑，因为我不想重复customComponent并将其调用5-6次（列表和数据上的多个项目）， 但是我如何传递和迭代正确的呢？

Answer 1

在这种情况下，我不会使用布尔值。简单地设置扩展为您需要扩展和更新组件的标题，以便比较扩展是否等于自己的标题。如果是这样，请展开它。