React native 是否有可以传递函数的FlatList修复程序？

我正在建立一个平面列表，希望它能显示我的组件。 我制作了一个包含我的组件的函数“renderEpisodes”，我想在平面列表中传递这个函数，它将显示包含在其中的所有详细信息

这是我所有代码的平面列表

import React, { Component } from 'react';
import { ScrollView, FlatList, Text, View, Image } from 'react-native';
import axios from 'axios';
import EpisodeDetail from './EpisodeDetail';
import { Spinner } from './Spinner';

class EpisodeList extends Component {

    state = { episodes: [] };

    componentWillMount() {
        axios.get('http://api.tvmaze.com/shows/1/episodes')
        .then(Response => this.setState({ episodes: Response.data }));
    }

    renderEpisodes() {
       return this.state.episodes.map(episode =>
         <EpisodeDetail key={episode.name} episode={episode} />

         );
    }


    render() {
    return (
        <FlatList
             {this.renderEpisodes()}  
        />





    );
  }

}

export default EpisodeList;

import React，{Component}来自'React'；
从“react native”导入{ScrollView，FlatList，Text，View，Image}；
从“axios”导入axios；
从“/eposodedetail”导入eposodedetail；
从“/Spinner”导入{Spinner}；
类eposodelist扩展了组件{
状态={集：[]}；
组件willmount（）{
axios.get（）http://api.tvmaze.com/shows/1/episodes')
.then（Response=>this.setState（{scents:Response.data}））；
}
renderEpisodes（）{
返回this.state.scents.map（插曲=>
);
}
render（）{
返回(
);
}
}
导出默认脚本列表；

---

我希望平面列表的输出将显示函数“renderEpisodes”的所有内容，因为它包含我要显示的所有组件内容。

您可以尝试以下操作

import React, { Component } from 'react';
import { ScrollView, FlatList, Text, View, Image } from 'react-native';
import axios from 'axios';
import EpisodeDetail from './EpisodeDetail';
import { Spinner } from './Spinner';

class EpisodeList extends Component {

    state = { episodes: [] };

    componentWillMount() {
        axios.get('http://api.tvmaze.com/shows/1/episodes')
        .then(Response => this.setState({ episodes: Response.data }));
    }

    renderEpisodes(episode) {
       return (
         <EpisodeDetail key={episode.name} episode={episode} />

         );
    }


    render() {
    return (
        <FlatList
             data={this.state.episodes}
             renderItem={({item}) => this.renderEpisodes(item)}
        />

    );
  }

}

export default EpisodeList;

import React，{Component}来自'React'；
从“react native”导入{ScrollView，FlatList，Text，View，Image}；
从“axios”导入axios；
从“/eposodedetail”导入eposodedetail；
从“/Spinner”导入{Spinner}；
类eposodelist扩展了组件{
状态={集：[]}；
组件willmount（）{
axios.get（）http://api.tvmaze.com/shows/1/episodes')
.then（Response=>this.setState（{scents:Response.data}））；
}
renderEpisodes（第集）{
返回(
);
}
render（）{
返回(
此.renderEpisodes（项）}
/>
);
}
}
导出默认脚本列表；

renderEpisodes（{item，index}）{
返回
}

<FlatList data={this.state.episodes} renderItem={this.renderEpisodes}/>

它运行非常缓慢，然后应用程序崩溃！因为它一直在里面调用这个函数，它一次又一次地把我的json放进去，直到它崩溃..它的工作，但是为什么我在向下滚动屏幕时看不到微调器呢？scrollEnabled={true}add-in flatList

<FlatList data={this.state.episodes} renderItem={this.renderEpisodes}/>