@p3trukh1n
NooB IN WeB

Можно ли как-то сгруппировать элементы с одинаковыми параметрами в React?

Есть несколько JSX-элементов с одинаковой частью параметров:
<NavLink to='/stats' activeClass="active" activeStyle={{fontWeight: "bold"}}>Stats</NavLink>
<NavLink to='/home' activeClass="active" activeStyle={{fontWeight: "bold"}}>Home</NavLink>

Использовать одинаковые activeClass и activeStyle во всех ссылках (их больше, чем 2) громоздко, как можно сократить код, чтобы не писать одинаковые параметры для каждого элемента?
  • Вопрос задан
  • 160 просмотров
Решения вопроса 2
hzzzzl
@hzzzzl
const SuperLink = (props) => <NavLink activeClass="active" activeStyle={{fontWeight: "bold"}} to={props.to}>{props.text}</NavLink>

....

<SuperLink to="/stats" text="Stats"/>
Ответ написан
rockon404
@rockon404 Куратор тега React
Frontend Developer
Еще вариант:
const linkProps = {
  activeClass: 'active',
  activeStyle: { fontWeight: 'bold' },
};

return (
  <>
    <NavLink to='/stats' {...linkProps}>Stats</NavLink>
    <NavLink to='/home' {...linkProps}>Home</NavLink>
  </>
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы