Docz: mdx의 후크

에 만든 2018년 11월 29일 · 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 에 2018년 11월 29일

👍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 에 2018년 11월 29일

👍13 🎉3 👎3

참고: 내부에 빈 줄이 있을 수 없습니다.

stramel 에 2020년 02월 11일

👍2

참고: 내부에 빈 줄이 있을 수 없습니다.

이것은 Docz 문서에 추가할 수 있는 훌륭한 팁이 될 것입니다! 내 검색은 여기에서 끝났습니다.

steveruizok 에 2020년 05월 15일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Docz: mdx의 후크

질문

가장 유용한 댓글

모든 3 댓글

관련 문제