不可变的JS-在嵌套地图中获取值

Question

我使用immutableJS，反应，和/终极版，我有这个地图，我需要得到的值actions ，所以它会像- > allRetrospectivesMap - > id - > current_stage - > actions

我有这段代码并且可以正常工作，但是非常丑陋，有没有更好的方法呢？

    class UserActionItems extends Component {
      render() {
        const { retrospectives } = this.props
        const actions = flatten(
          Object.keys(immutableHelpers.toJS(retrospectives))
          .map(key => retrospectives.get(key))
          .map(retro => immutableHelpers.toJS(retro.getIn(['current_stage', 'actions'])))
        ).value()

    return (
       <div> 
          <ActionsList
          actions={actions[0]}
          users={[]}
          />
       </div>
    )
  }
}

    const mapStateToProps = ({ allRetrospectivesMap }) => ({
      retrospectives: allRetrospectivesMap
    })

谢谢！！！ :)

Answer 1

您可以使用不可变js中的getIn()方法来执行此操作。

const id = getId() // you've id from somewhere
const actions= state.getIn(['allRetrospectivesMap', id, 'current_stage', 'actions']); // Note: state is your immutable data.

在这里了解更多