Spoiler.jsx 345 B

1234567891011121314
  1. import React, {useState} from 'react';
  2. const Spoiler = ({header="+", open, children}) => {
  3. const [showed, setShowed] = useState(open)
  4. console.log(showed)
  5. return (
  6. <div>
  7. <div onClick={() => setShowed(!showed)}>{header}</div>
  8. {showed ? children : null}
  9. </div>
  10. );
  11. };
  12. export default Spoiler;