Docz: خطاف في mdx

تم إنشاؤها على ٢٩ نوفمبر ٢٠١٨ · 3تعليقات · مصدر: doczjs/docz

سؤال

مرحبا يا من هناك،

هل هناك طريقة لاستخدام خطافات التفاعل داخل ملف mdx؟
أحاول توثيق نموذج باستخدام docz مثل هذا:

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>

مصدر

w0wka91

👍1

التعليق الأكثر فائدة

بالتأكيد،

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

pedronauck في ٢٩ نوفمبر ٢٠١٨

👍13 🎉3 👎3

ال 3 كومينتر

بالتأكيد،

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

pedronauck في ٢٩ نوفمبر ٢٠١٨

👍13 🎉3 👎3

ملاحظة: لا يمكن أن يكون لديك أسطر فارغة بالداخل