reactjs - 为什么渲染函数没有在react中调用？

Question

我试图使用组件在 react 中显示我的列表。但它不显示。我喜欢这个

https://codesandbox.io/s/lYMwLM591

import { Component } from 'react';

class ImageSlider extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (<div>{this.props.data.hl}</div>);
  }
}

export default ImageSlider;

其他组件

 renderStories() {
    if (this.props.stories && this.props.stories.items > 0) {
      return this.props.stories.items.map(story => {
        return <ImageSlider data={story}/>;
      });
    }
  }
  render() {
    return (
      <div>
        lll
        {this.renderStories()}
      </div>
    );
  }
}

Answer 1

问题很简单，你需要检查items数组的长度

if (this.props.stories && this.props.stories.items.length > 0) {
  return this.props.stories.items.map(story => {
    return <ImageSlider data={story}/>;
  });
}

并在ImageSlider组件中导入React

import React, {Component} from 'react';

查看这个答案:Need help on React Js

<强> DEMO