react学习之props细节

 然后react中，移除函数组件的defaultProps

父组件

 <DemoOne  data={dataList}>
            <div>我是子元素0</div>
        </DemoOne>

子组件

const DemoOne = ({ title = 'DemoOne', data }) => {
    console.log('props', props, title);
    const DemoList = props.data.map(res => (
        <div className="demoCont" key={res.id}>
            {res.content}
        </div>
    ));

    return (
        <>
            <div>{props.title}-222</div>
            {DemoList}
        </>
    );
};
//下面不起作用了
DemoOne.defaultProps = {
    title: 'DemoOne',
};

export default DemoOne;