我可以缩短这个吗？反应路由器 dom v6

Question

学习ReactJs，我正在练习路线，使用react-router-dom v6，我使用NavLink属性样式将菜单标题中的文本设置为粗体，每当我在该路线上时，我都能正常工作，但是想知道是否有一种方法可以在函数中声明并仅在样式属性中调用该函数，我已经尝试了太多的事情，但似乎不是一个选择。谁能确认一下吗？

Answer 1

是的，您当然可以将该匿名函数分解为命名函数，以用作

style

prop 回调函数。

示例：

const getLinkStyle = ({ isActive }) => isActive ? { fontWeight: "bold" } : {};

<NavLink
  className="..."
  to="..."
  style={getLinkStyle}
>
  ...
</NavLink>