我正在reactjs中构建一个基于props.isConfig的通用示例组件,我需要显示一个按钮,目前我遵循以下方法,但我可以看到很多重复的代码,可以对其进行重构吗?
样本分量
import { Button } from '@mui/material';
import { MdMoreVert, MdAdd } from 'react-icons';
export default function Sample(props) {
return (
{ props.isConfig && props.isConfig && <Button
variant="basic"
className="xyz"
>
<MdMoreVert size={20} />
</Button>
}
{ !props.isConfig && <Button
variant="outline"
className="xyz"
size="meduim"
endIcon={<MdMoreVert size={16} />}
>
<MdAdd size={16} />
</Button>}
);
}
供试品组件
<Sample isConfig/>
<Sample/>
1条答案
按热度按时间oxcyiej71#
在这种情况下,最简单的解决方案是使用三进制。如果愿意,可以使用常量。
还有
作为回报: