리액트로 만든 웹사이트가 동작하지 않습니다.

[CCoaLL]

여러가지를 해보고 나서 코드에 문제가 있다는 것을 알았는데 어떤 부분이 문제인지 잘 모르겠습니다.

/* 코드 */

import './App.css';
import { useState } from 'react';

function App() {

  let [titles, setTitles] = useState(['asdfasdf', 'asdfeqqqqqqqqqqqqqqq', 'pasdjfmq'])
  let [thumbsup, setThumbsup] = useState(0)
  let [modal, setModal] = useState(false)

  return (
    <div className='App'>
      <div className='nav'>
        <h4>Mr. M's Blog </h4>
      </div>

      { 
        titles.map( (t, i) => {
          return (
            <div className='list' key={i}>
              <h3 onClick={ () => { if(modal === false) { setModal(true) } else { setModal(false) } } }>{ t } <span onClick={ () => { setThumbsup(thumbsup+1) } }>👍</span> { thumbsup } </h3>
        <p>ewiafj hello jsdajfjewaiszd fhdehfasd eefdjsaz</p>
            </div>
          ) 
        })
      }

      {
        modal === true ? <Modal titles={ titles } setTitles={setTitles}></Modal> : null  
      }
    </div>
  );
}

function Modal (props) {
  return (
    <div className='modal'>
      <h4>{ props.titles }</h4>
      <p>date</p>
      <p>sdkajfjeas jsjd fjisadjfoaeusdf jasodfa sdjifasidf i ewifaisdhacf jsdfd aejhadjd jfjfjf  fj sdjfj we dnf jsdhfasjjfj iojslidj ifs s.</p>
      <button onClick={ props.setTitles(['qqqqqqqqqqqqqqqqqqqqqqqqq', 'b', 'w']) }>edit post</button>
    </div>
  )
}

export default App;

[codingapple]

onClick={()=>{ 여기안에 코드짭시다})

[글쓴이]

글