Docz: Haken in mdx

Erstellt am 29. Nov. 2018 · 3Kommentare · Quelle: doczjs/docz

Frage

Sie da,

Gibt es eine Möglichkeit, Reaktions-Hooks in der mdx-Datei zu verwenden?
Ich versuche, ein Modal mit docz wie folgt zu dokumentieren:

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>

Quelle

w0wka91

👍1

Hilfreichster Kommentar

Mit Sicherheit,

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

pedronauck am 29. Nov. 2018

👍13 🎉3 👎3

Alle 3 Kommentare

Mit Sicherheit,

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

pedronauck am 29. Nov. 2018

👍13 🎉3 👎3

HINWEIS: Sie dürfen keine Leerzeilen enthalten