CreateRender passing more then one value.

[rgfx]

Can I pass more then one value using Create Render. I need it too perform an action.

        table.column({
            header: ' ',
            accessor: 'user_id',
            cell: ({value, item}) =>
            createRender(GetFilesActions, {user_id: value, name: item.name}),
        }),

Doesn't seem to like my code

[bryanmylee]

Hi @rgfx, it should work as long as the GetFilesActions component has the right prop types. What's the issue you seem to be getting?

As for passing more than one value, are you trying to pass more than one component as the rendered component?

[rgfx]

@bryanmylee this is all that is in my component

<script>
    export let name;
    export let user_id;
</script>
{name}{user_id}

this is the error I get

Those values do exist.

[bryanmylee]

Oh my bad, I misread the earlier example.

cell takes a DataBodyCell as its first argument.

You're running into an error because item does not exist on DataBodyCell, so item.name throws the error you're getting.

You're probably trying to do something like this:

table.column({
  header: ' ',
  accessor: 'user_id',
  cell: ({row, value}) =>
    createRender(GetFilesActions, {
      user_id: value, // as accessed with 'user_id'
      name: row.isData() ? row.original.name : '',
    }),
}),

A more direct approach would be to pass the whole object as the value, but then you would have to handle sorting on the column appropriately.

table.column({
  header: ' ',
  // pass the original item as the cell value
  accessor: (item) => item,
  cell: ({value}) =>
    createRender(GetFilesActions, {
      user_id: value.user_id, // `value` is the original item
      name: value.name,
    }),
}),

[rgfx]

@bryanmylee Thank very much. This what I needed.