在react的小项目中点击显示隐藏内容的写法

最新推荐文章于 2022-12-30 23:49:13 发布

mini74

最新推荐文章于 2022-12-30 23:49:13 发布

阅读量841

点赞数

文章标签： react

本文链接：https://blog.csdn.net/mini74/article/details/104963379

版权

首先写一个方法：

const getListArea = (show) => {
    if(show) {
        return(
            <SearchInfo>
                <SearchInfoTittle>
                    热门搜索
                    <SearchInfoSwitch>换一批</SearchInfoSwitch>
                </SearchInfoTittle>
                <SearchInfoList>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                    <SearchInfoItem>教育</SearchInfoItem>
                </SearchInfoList>
            </SearchInfo>
        )
    }else {
        return null;
    }
}