Is it possible to somehow group elements with the same parameters in React?

Question

JavaScript

There are multiple JSX elements with the same parameter part:

<NavLink to='/stats' activeClass="active" activeStyle={{fontWeight: "bold"}}>Stats</NavLink>
<NavLink to='/home' activeClass="active" activeStyle={{fontWeight: "bold"}}>Home</NavLink>

It is cumbersome to use the same activeClass and activeStyle in all links (there are more than 2 of them), how can you shorten the code so as not to write the same parameters for each element?

Answer 1

const SuperLink = (props) => <NavLink activeClass="active" activeStyle={{fontWeight: "bold"}} to={props.to}>{props.text}</NavLink>

....

<SuperLink to="/stats" text="Stats"/>