Docz: Ganchos en mdx

Creado en 29 nov. 2018 · 3Comentarios · Fuente: doczjs/docz

Pregunta

Hola,

¿Hay alguna manera de usar react hooks dentro del archivo mdx?
Estoy tratando de documentar un modal con docz como este:

name: Modal
---

import { Playground } from 'docz'
import Modal from './Modal'
import useToggle from '../../hooks/useToggle'

# Modal

<Playground>
  const [toggleValue, toggle] = useToggle(false)
  <Modal title="Modal title" visible={toggleValue} />
  <button onClick={toggle}>Show Modal</button>
</Playground>

Fuente

w0wka91

👍1

Comentario más útil

Con seguridad,

<Playground>
  {() => {
    const [toggleValue, toggle] = useToggle(false)
    return (
      <>
        <Modal title="Modal title" visible={toggleValue} />
        <button onClick={toggle}>Show Modal</button>
      </>
    )
  }}
</Playground>

pedronauck en 29 nov. 2018

👍13 🎉3 👎3

Todos 3 comentarios

Con seguridad,

<Playground>
  {() => {
    const [toggleValue, toggle] = useToggle(false)
    return (
      <>
        <Modal title="Modal title" visible={toggleValue} />
        <button onClick={toggle}>Show Modal</button>
      </>
    )
  }}
</Playground>

pedronauck en 29 nov. 2018

👍13 🎉3 👎3

NOTA: No puede tener líneas en blanco dentro