如何在React状态下管理可变长度数组

Question

我可能会以错误的方式思考，因此，我感谢我对设计的任何重定向。

我有一个React组件，它在道具中得到一个列表。列表的长度可以从0到n。我想在React组件的状态下管理每个列表项的属性。 （下面的示例）我的直觉告诉我我做错了，因为我试图通过props设置状态值。

有没有适当的方法来完成我在这里尝试的工作？

class MyList extends React.Component {
   state = {
     listItems: {}
   }

   render(){
     return(
        {this.renderListItems(this.props.list)}
   )

   renderListItems = list => {
      return list.map( listItem => {
        let id = listItem.id
        return <ListItem key={id} listItem={listItem} color={this.state.listItems[id].color} />
   }

}