不变违规元素类型无效

Question

伙计们，我需要在RN中定义一个简单的组件，但我不断收到此错误： 在此处输入图片描述

这是我的简单组件代码：

export default class Welcome extends Component {   
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

以及将其导入到页面（Intro.js）的方式：

export default class App extends Component<{}> {
    render() {
        return (
            <Welcome name="Sara" />
        );
    }
}

最后，我在app.js中调用包含组件（Intro.js）的页面，如下所示：

import { Intro } from './app/screens/Intro.js';

export default class App extends Component {
    render(){
        return(
            <Intro />
        )
    }
}

我使用的版本：

react-native-cli: 2.0.1
react-native: 0.49.3

欣赏你的答案

Answer 1

正如我在您的代码中看到的

export default class Welcome extends Component {   
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

你曾经用过 这是html标签，不是react natine元素或组件。 因此，这可能是错误的原因。 您可以使用此代码。

export default class Welcome extends Component {   
  render() {
    return <Text>Hello, {this.props.name}</Text>;
  }
}