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

首先写一个方法：

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;
    }
}

如何调用呢？

{getListArea(props.focus)}

这里的props.focus已经在reducer的默认数据中定义！