Я настраиваю свой собственный компонент реакции в соответствии с некоторыми условиями, вот код, вопрос в том, как мне сделать это чище? функциональный стиль?
const configColors = (isSingle, isDarkMode) => {
let colors = {};
if (isDarkMode){
colors = {
...colors,
configAxisLabelColor : Colors.white,
configAxisGridColor : Colors.gridLineGray
}
}else{
colors = {
...colors,
configAxisLabelColor : Colors.lineGray,
configAxisGridColor : Colors.transparent
}
}
if (isSingle && !isDarkMode) {
return colors = {
...colors,
configAxisColor: Colors.transparent,
configLineColor: Colors.lineGreen,
configTooltipBackground: Colors.lineGreen,
}
}
if (isSingle && isDarkMode) {
return colors = {
...colors,
configAxisColor: Colors.white,
configLineColor: Colors.lineBlue,
configTooltipBackground: Colors.lineBlue,
}
}
if (!isSingle && !isDarkMode) {
return colors = {
...colors,
configAxisColor: Colors.lightBarGray,
configLineColor: Colors.lineGray,
configTooltipBackground: Colors.lineBlue,
}
}
}
Заранее спасибо!