固定冲突元素类型无效

Question

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

这是我的简单组件代码：

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

以及我将其导入页面的方式（简介.js）：

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

最后，我调用包含应用程序中组件（Intro.js）的页面.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 标签，而不是反应元素或组件。所以这可能是错误的原因。您可以使用此代码。

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