在 render 方法中从函数中获取数据到 <View> 组件中

Question

我试图从渲染内部的函数中获取数据，当我使用 alert() 时它可以工作，但是当我尝试返回真实文本时它没有显示任何内容

我使用的代码：

export default class App extends Component {

    renderResualts(){

        db.find({}, function (err, docs) {

           return docs.map(function(d){

              return(

                <Text>{d.name}</Text>

              )

           })

        })

    }

  render() {

    return (

      <View style={styles.container}>

          { this.renderResualts() }

      </View>

    );

  }

}

- 更新代码：

export default class App extends Component {

    constructor(props){

        super(props)

        this.state = {graves:[]}

    }

    componentDidMount(){

        db.find({}, function (err, docs) {

            this.setState({graves:docs})

        })       

    }

    renderResults(){

        return this.state.graves.map(grave =>

            <Text>{grave.name}</Text>    

        )

    }

  render() {

    return (

      <View style={styles.container}>

          { this.renderResults() }

      </View>

    );

  }

}

应该显示这些数据：

{ _id: 1, name: 'Parturient', year: 2017 }, { _id: 2, name: 'Dapibus', year: 2017 }

里面的文字像这样：ParturientDapibus