Topics

SolidJS•14mo ago

mergeProps deeply?

How deeply does merge props actually merge objects? Could I do?

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

where props has a props myObj with the values I want to default?

{
  myObj:{
    key1: value1,
    key2: value2
  }
}

{
  myObj:{
    key1: value1,
    key2: value2
  }
}

2 Replies

Alex Lohr•14mo ago

MergeProps does shallow merges. But props are only reactive on one level, so you could use something like mergeProps(defaults, deepMerge(defaults, props)); to do a deep merge.

SilentRhetoric•14mo ago

Thanks, I think I can get the job done with shallow merge like this

const myObjWithDefaults = mergeProps(
  {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props.myObj
)

const myObjWithDefaults = mergeProps(
  {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props.myObj
)

Solid is a declarative reactive Javascript library for creating user interfaces.

11KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

How to get the first child out of `props.children`?I think in React it is done like so: `React.Children.toArray(props.children)[0]` What would be the e Constraining input element not workingI want to constraint the values of some input element but I seem to have a misunderstanding of the u Make routeData blockingFollowing scenario: ``` (app).tsx (app)/ route.tsx ``` (app).tsx ```tsx export const routeData = React user confused on how to work with createResource responseHey Guys i feel like im missing a fundamental thing here. it works but it looks very weird. Is there DOM nodes caching for faster swapHello, i'm trying to cache dom nodes between updates (i have 2 div elements with 200 child nodes eac If the prop array can be an object or a string. Which method would you use ?This is the code that renders the props.items that prop can be either an array of objects with a tex SolidAuthConfig type errorI'm setting up auth with NextAuth for the first time and ran into a type error when following the ex How can I load external .js script on specific route?Adding <Link> doesn't help. I can see it in DOM, but it never sends a request.