当items是数组时，React items.map不是函数吗？

Question

加载API并获取.map不是功能。 一直在浏览每个示例，并严格按照它们进行操作，但仍然出现此错误。 该错误当然发生在ul标签的.map中

class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      items: [],
      isLoaded: false
    };
  }

  componentDidMount() {
    fetch(
      "https://opentdb.com/api.php?amount=10&category=18&difficulty=easy&type=boolean"
    )
      .then(res => res.json())
      .then(json => {
        this.setState({ isLoaded: true, items: json });
      });
  }

  render() {
    var { isLoaded, items } = this.state;

    if (!isLoaded) {
      return <div>Loading...</div>;
    } else {
      return (
        <div className="App">
          <ul>
            {items.map(item => (
              <li key={item.results.question}>{item.results.question}</li>
            ))}
          </ul>
        </div>
      );
    }
  }
}

export default Login;

Answer 1

您的实际数据来自json.results ，因此您需要将json.results设置json.results ，

this.setState({ isLoaded: true, items: json.results });

您需要像这样迭代数组，

{ items.map(item => (
     <li key={item.question}>{item.question}</li>
))}

演示