React.createElement:类型无效

ocebsuys  于 2023-04-12  发布在  React
关注(0)|答案(2)|浏览(112)

我是react和react native的新手。我想使用react native. https://github.com/FaridSafi/react-native-gifted-chat的库,但我得到了这个错误:
警告:React创建元素:类型无效--应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:您可能忘记了从定义组件的文件中导出组件。
在RegisterRootComponent.js:21. in ExponentRootComponent(at renderApplication.js:35)in RCTView(at View.js:128)in View(at AppContainer.js:93)in RCTView(at View.js:128)in View(at AppContainer.js:92)in AppContainer(at renderApplication.js:34)检查您的代码
下面是我的代码:

import React from 'react';
import { StyleSheet, Text, View, KeyboardAvoidingView, Image, TextInput } from 'react-native';
import GiftedChat from 'react-native-gifted-chat';

class App extends React.Component {

  state = {
    messages: [],
  };

  componentWillMount() {
    this.setState({
      messages: [
        {
          _id: 1,
          text: 'Hello developer',
          createdAt: new Date(),
          user: {
            _id: 2,
            name: 'React Native',
            avatar: 'https://facebook.github.io/react/img/logo_og.png',
          },
        },
      ],
    });
  }

  onSend(messages = []) {
    this.setState((previousState) => ({
      messages: GiftedChat.append(previousState.messages, messages),
    }));
  }

  render() {
    return (
      <GiftedChat
        messages={this.state.messages}
        onSend={(messages) => this.onSend(messages)}
        user={{
          _id: 1,
        }}
      />
    );
  }

}

我添加这个库:

yarn add react-native-gifted-chat

我使用Expo-XDE在Android模拟器上启动我的应用程序。

7vux5j2d

7vux5j2d1#

导出App组件以渲染它。
例如:

export default function App() {
x0fgdtte

x0fgdtte2#

正如警告中所述,您可能忘记了从定义组件的文件中导出组件。
只需在文件底部添加导出即可

App extends React.Component{ ... }
export default App

相关问题