Question

伙计我需要在RN中定义一个简单的组件，但我不断收到此错误： enter image description here

这是我的简单组件代码：

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 />
        )
    }
}

版本I＆m;使用：

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标记而不是反应natine元素或组件。所以这可能是错误的原因。您可以使用此代码。

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

不变违规元素类型无效

1 个答案: