Kann nicht variabel FlatList oder Listview finden

Question

Ich versuche, eine Liste in für Android india Reagieren zu schaffen, und ich habe diese Komponente:

import React, { Component } from 'react'; 

export default class MyList extends React.Component { 
    render() { 
     return(<ListView></ListView>); 
    } 
} 

jedoch ListView nicht erkannt wird: Can't find variable: FlatList.

Wenn ich ListView zu FlatList ändern, bekomme ich das gleiche Problem.

Ich dachte, dass diese mit dem Kern-React-Modul kommen und dass ich nichts anderes importieren muss.

Fehle ich etwas?

Answer 1

Sie benötigen <ListView> oder <FlatList> von react-native als solche importieren:

import { ListView, FlatList } from 'react-native;

Answer 2

Sie ein paar Dinge falsch verstanden.

Zunächst einmal, wenn Sie destructor die Component Klasse von React gehen, sollten Sie Ihre Klasse nicht auf diese Weise schreiben:

export default class MyComponent extends React.Component

Aber anstatt, schreiben Sie es wie folgt:

export default class MyComponent extends Component

Auch der React-Kern bietet Ihnen lifecycles etc ..

Und react-native bietet Ihnen die nativen API-Komponenten, die Sie verwenden möchten. (Flatlist, Text, Blick etc ..)

Dennoch ist diese Schnipsel sollte Ihr Problem lösen:

import React, { Component } from 'react'; 
+ import { ListView } from 'react-native'; 

- export default class MyList extends React.Component { 
+ export default class MyList extends Component { 
    render() { 
     return(<ListView></ListView>); 
    } 
}