Renderizar conteúdo dinamicamente a partir de uma função de mapa de matriz no React Native
Estou tentando obter dados de uma matriz e usando a função de mapa para renderizar conteúdo. Olhe para
**{this.lapsList()}**
e o associado
**lapsList()**
função para entender o que estou tentando fazer. O resultado é que nada está sendo exibido (Visualizações em exibição etc.) Aqui está o meu código simplificado:
class StopWatch extends Component {
constructor(props) {
super(props);
this.state = {
laps: []
};
}
render() {
return (
<View style={styles.container}>
<View style={styles.footer}>
<View><Text>coucou test</Text></View>
{this.lapsList()}
</View>
</View>
)
}
lapsList() {
this.state.laps.map((data) => {
return (
<View><Text>{data.time}</Text></View>
)
})
}
_handlePressLap() {
console.log("press lap");
if (!this.state.isRunning) {
this.setState({
laps: []
})
return
}
let laps = this.state.laps.concat([{'time': this.state.timeElapsed}]);
this.setState({
laps: laps
})
console.log(laps);
}
}