problem while converting jetstream to react

Question

while converting vue files in jetstream to react.js files i found # in template tag I think it's related to Laravel component but I don't know how to write it in react.js component.

in Vue

<template #trigger>
<template #content>

in livewire

<x-slot name="trigger">
<x-slot name="content">

what's equivalent of that in React.js?

use `props` to handle the attributes. – Hassaan Ali Apr 07 '21 at 18:01 — Hassaan Ali, Apr 07 '21 at 18:01

score 0 · Answer 1 · answered Apr 07 '21 at 19:36

0

it would be:

<trigger />

or

 <trigger></trigger>

and

 <content />

or

<content></content>

answered Apr 07 '21 at 19:36

Akbar khan

54
1
4

score 0 · Accepted Answer · edited Jul 15 '22 at 04:47

after some research i found the solution vue HAS SLOTS it's called Named Slots Shorthand "#" it's just short for name= <template #trigger> is SAME as to understand more about slots watch net ninja video about slot Vue JS 2 Tutorial #27 - Slots and read vue document about slots https://v2.vuejs.org/v2/guide/components-slots.html#Named-Slots-Shorthand if you know react you can pass it through props easily

problem while converting jetstream to react

2 Answers2