How use React Router NavLink className and style function call in stylex.props

[huijiewei]

Example

<NavLink
 className={({ isActive }) => {
    return isActive? 'actived' : 'none';
  }}
>
NavLink
</NavLink>

How to use stylex.props

[huijiewei]

I use children function to impl

<NavLink {...stylex.props(styles.link)} to={''}>
    {({ isActive }) => <span {...stylex.props(isActive && styles.linkActive)}>Link</span>}
</NavLink>

[nmn]

You can also use stylex.props(...).className is you're not using any dynamic styles.

<NavLink
 className={({ isActive }) => stylex.props(styles.base, isActive && styles.active).className}
>
NavLink
</NavLink>