问ajax调用react中的项之间的映射

EN

  componentDidMount() {

    axios.get(URL)
      .then((data) => {
        console.log("data" + data);
        this.setState({
          googleFonts: data
        })
      })
      .catch((err) => {
        console.log(err);
        this.setState({
          errors: err
        })
      })
  }

 renderFonts() {

    let data = this.state.googleFonts.data.items;
    return data.map((font, index) => {
      return (
        <option>{font.family}</option>
      )
    })
  }

<FormControl
                    style={inputFieldStyle}
                    componentClass="select"
                    placeholder="select"

                  >

                    {this.renderFonts()}

                  </FormControl>