第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

元素類型無效,使用 Flatlist 時

元素類型無效,使用 Flatlist 時

收到一只叮咚 2022-11-11 13:15:17
請看下面的課程。一旦我使用 FlatList(或 List),我就會收到錯誤消息:“元素類型無效:期望字符串(對于內(nèi)置組件)或復(fù)合組件的類/函數(shù))但得到:未定義。你可能忘記了從定義組件的文件中導(dǎo)出組件,或者您可能混淆了默認(rèn)導(dǎo)入和命名導(dǎo)入。檢查“用戶列表”的渲染方法”當(dāng)我搜索此錯誤時,它通常與缺少錯誤的導(dǎo)入有關(guān)。我想,我的進(jìn)口是正確的?import React, { Component } from 'react';import { ScrollView, View, Text, Navigator, Alert, StyleSheet} from 'react-native';import { List, FlatList, ListItem } from 'react-native-elements';import FBUsers from '../../firebase/FBUser'export default class Userlist extends React.Component {    fbUser = new FBUsers();    constructor(props) {       super(props);       this.state = {         lastRefresh: '',       }    }    refresh() {        this.setState({lastRefresh: Date(Date.now()).toString()});    }    // buildUserList() {    //     var users = this.fbUser.getUserList();    //     return users;    // }    renderRow ({ item }) {    return (      <ListItem        roundAvatar        title={item.name}        subtitle={item.subtitle}        avatar={{uri:item.avatar_url}}      />    )  }  render () {    var list = [      {        name: 'Amy Farha',        avatar_url: 'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',        subtitle: 'Vice President'      },      {        name: 'Chris Jackson',        avatar_url: 'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',        subtitle: 'Vice Chairman'      }    ]    return (      <List>        <FlatList          data={this.list}          renderItem={this.renderRow}          keyExtractor={item => item.name}        />      </List>    )  }}
查看完整描述

1 回答

?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗 獲得超6個贊

FlatList從導(dǎo)入react-native。這就是您收到此錯誤的原因。使用此代碼。


import React, { Component } from 'react';

import { ScrollView, View, Text, Navigator, Alert, StyleSheet, FlatList } from 'react-native';

import { ListItem } from 'react-native-elements';


export default class Userlist extends React.Component {


  constructor(props) {

    super(props);


    this.state = {

      lastRefresh: '',

    }

  }


  refresh() {

    this.setState({ lastRefresh: Date(Date.now()).toString() });

  }


  // buildUserList() {

  //     var users = this.fbUser.getUserList();

  //     return users;

  // }



  renderRow({ item }) {

    return (

      <ListItem

        roundAvatar

        title={item.name}

        subtitle={item.subtitle}

        leftAvatar={{ 

          source: { 

            uri: item.avatar_url 

          } 

        }}

      />

    )

  }


  render() {

    var list = [

      {

        name: 'Amy Farha',

        avatar_url: 'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',

        subtitle: 'Vice President'

      },

      {

        name: 'Chris Jackson',

        avatar_url: 'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',

        subtitle: 'Vice Chairman'

      }

    ]


    return (


      <FlatList

        data={list}

        renderItem={this.renderRow}

        keyExtractor={item => item.name}

      />

    )

  }

}


查看完整回答
反對 回復(fù) 2022-11-11
  • 1 回答
  • 0 關(guān)注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號