React 组件 复合组件

Posted heson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React 组件 复合组件相关的知识,希望对你有一定的参考价值。

function Name(props){
    return <h1> {props.name} </h1>
}

function Url(props){
    return <h1> {props.url} </h1>
}

function Nickname(props){
    return <h1> {props.nickname} </h1>
}

function App(props){
    return(
    <div>
        <Name name='heson'/>
        <Url url='https://www.cnblogs.com/heson/' />
        <Nickname nickname='renhaizhen' />
    </div>
          )
}

ReactDOM.render(
    <App/>,
    document.getElementById('example')
)

以上是关于React 组件 复合组件的主要内容,如果未能解决你的问题,请参考以下文章

元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:未定义的 React

React 组件 复合组件

React 复合组件

Reactreact概述组件事件

React.jsx:类型无效 - 需要一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:未定义

React 16.3 上下文:期望一个字符串(对于内置组件)或一个类/函数(对于复合组件)但得到:对象