Is this a correct implementation? :)

I'm new to both JSX and Solid.
Is this a correct implementation or can it be simplified?

const NavLink = (props) => {
  const [_, restProps] = splitProps(props, ["href", "children"]);
  return <a href={UrlPrefix + props.href} {...restProps}>{props.children}</a>;
}

const NavLink = (props) => {
  const [_, restProps] = splitProps(props, ["href", "children"]);
  return <a href={UrlPrefix + props.href} {...restProps}>{props.children}</a>;
}

const NavLink = (props) => {
  const [_, restProps] = splitProps(props, ["href", "children"]);
  return <a href={UrlPrefix + props.href} {...restProps}>{props.children}</a>;
}

const NavLink = (props) => {
  const [_, restProps] = splitProps(props, ["href", "children"]);
  return <a href={UrlPrefix + props.href} {...restProps}>{props.children}</a>;
}

The goal is to render a

<a>

<a>

<a>

<a> with a customized

href

href

href

href prop, rendering the

children

children

children

children, while passing all other props unmodified.
Thanks.

Is this a correct implementation? :)

Similar Threads

Similar Threads

Similar Threads