Question

我是新生的反应和原生的反应。我想使用libary来反应原生。 https://github.com/FaridSafi/react-native-gifted-chat 但我得到了这个错误：

警告：React.createElement：type无效 - 需要一个字符串   （对于内置组件）或类/函数（对于复合   组件）但得到：对象。你可能忘了导出你的   来自其定义的文件中的组件。

检查registerRootComponent.js上的代码：21。       在ExponentRootComponent中（在renderApplication.js：35）       在RCTView（在View.js：128）       在视图中（在AppContainer.js：93）       在RCTView（在View.js：128）       在视图中（在AppContainer.js：92）       在AppContainer中（在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,
        }}
      />
    );
  }

}

我将这个lib添加到：

yarn add react-native-gifted-chat

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

Answer 1

导出App组件以进行渲染。

Answer 2

如警告中所述，您可能忘记从其定义的文件中导出组件。

只需在文件底部添加导出

@foreach($selected->analyzedInstructions as $instruction)
  <p>Steps:</p>
  @foreach($instruction->steps as $step}}
    <p>Numbers:</p>
    @foreach($ste[->number as $select)
      {{$select}}
    @endforeach
  @endforeach
@endforeach

React.createElement：type无效

2 个答案: