T
TanStack•2y ago
metropolitan-bronze

Svelte RenderComponent

Hi, I am rendering fine another component inside a cell in my table 
cell: (info) =>
                renderComponent(TokenLogo, {
                    name: info.row.original.name,
                    tokens: [
                        {
                            address: info.row.original.underlying.address,
                            chainId: info.row.original.underlying.chainId,
                        },
                    ],
                    size: "sm",
                }),
cell: (info) =>
                renderComponent(TokenLogo, {
                    name: info.row.original.name,
                    tokens: [
                        {
                            address: info.row.original.underlying.address,
                            chainId: info.row.original.underlying.chainId,
                        },
                    ],
                    size: "sm",
                }),
I am struggling trying to figure out how to render another component inside the same cell. Anyone has an example? Thanks
2 Replies
automatic-azure
automatic-azure•2y ago
cell: (info) =>
                <TokenLogo     name: info.row.original.name,
                    tokens: [
                        {
                            address: info.row.original.underlying.address,
                            chainId: info.row.original.underlying.chainId,
                        },
                    ],
                    size: "sm",>
                   <NEW_COMPONENT />
                  </TokenLogo>,
cell: (info) =>
                <TokenLogo     name: info.row.original.name,
                    tokens: [
                        {
                            address: info.row.original.underlying.address,
                            chainId: info.row.original.underlying.chainId,
                        },
                    ],
                    size: "sm",>
                   <NEW_COMPONENT />
                  </TokenLogo>,
TokenLogo component should take childre prop which is a React Node. It need to render inside TokenLogo component
metropolitan-bronze
metropolitan-bronzeOP•2y ago
thanks

Did you find this page helpful?