react学习笔记

https://www.bilibili.com/video/BV1dP4y1c7qd/?p=3&spm_id_from=pageDriver&vd_source=caabcbd2a759a67e2a3de8acbaaf08ea

 

接着看这个

 

 

1、组件的2种写法

函数式组件
function App(){
    return (
        <div>hello react Component<div>hello react Component</div></div>
        )
}
export default App;


正常式组件
import React from 'react'
export default class App extends React.Component {
    render() {
        return (
            <div>
                <Navbar></Navbar>
                <Swiper></Swiper>
            </div>
        )
    }
}

 

2、富文本展示

dangerouslySetInnerHTML属性

<span dangerouslySetInnerHTML={{
                            __html:item.name
                        }}
                        ></span>