取得してきたpropsを配列に入れたい（react native)

Question

お世話になっております。

react native mapsのAnimatredViewをreduxでDBから取得したものを当てはめたいと考えているのですが、データベースmarkersの中身を表示することができません。

class AnimatedViews extends React.Component {
  static navigationOptions = {
    header: null,
  }

  constructor(props) {
    super(props);
    const markers = [];

    const animations = markers.map((m, i) =>
      getMarkerState(panX, panY, scrollY, i));
  }

  componentWillMount() {
    this.props.markersFetch();
  }

const mapStateToProps = (state) => {
  const markers = _.orderBy(state.markers, ['id'], ['desc']);

  return { markers };
};

export default connect(mapStateToProps, {
  markersFetch
})(AnimatedViews);

上記のコードでは、「何も表示されません」。

おそらく、markersが[]のままで、mapStateToPropsで取得してきたmarkersが入っていないからだと思うのですが、これはどのようにしてmarkersをはめ込むことができるのでしょうか。
すみませんが、どうぞよろしくお願いいたします。

Answer 1

趣旨が違ったらすみません。

  constructor(props) {
    super(props);
    const { markers } = this.props;

    const animations = markers.map((m, i) =>
      getMarkerState(panX, panY, scrollY, i));
  }

ではないですか？
const markers = []; で初期化してるので確実に空配列ですよね？

Comments

[yamady]

ありがとうございます！ご指摘の通りでした(_ _)