2 ๊ธ ๋ณด์ - 1 ์์ 2 ๊น์ง (์ด 2 ์ค์์)
-
๊ธ์ด์ด๊ธ
-
2022๋ 10์ 20์ผ 07:33 #50904

์ต์์ฑ์ฐธ๊ฐ์function Write(){ let [title, setTitle] = useState(''); let [passage, setPassage] = useState(''); let dataT = ['']; let dataP = ['']; return( <> <> <InputGroup> <InputGroup.Text className='title' style={{ marginRight: '0px', width:'80px', paddingLeft:'23px'}} onChange={(e)=>{setTitle(e.target.value)}}>Title</InputGroup.Text> <Form.Control as="textarea" aria-label="With textarea" className='title'/> </InputGroup> <InputGroup> <InputGroup.Text className='passage'style={{ marginRight: '0px', width:'80px'}} onChange={(e)=>{setPassage(e.target.value)}}>Passage</InputGroup.Text> <Form.Control as="textarea" aria-label="With textarea" className='passage'/> </InputGroup> </> <Form.Select aria-label="Default select example" className='fontfamily'> <option>๊ธ๊ผด์ ์ ํํด์ฃผ์ธ์</option> <option value="1">๊ตด๋ฆผ</option> <option value="2">๊ณ ๋</option> <option value="3">๋์</option> </Form.Select> <Form.Select aria-label="Default select example" className='fontfamily'> <option>๊ธ๋ฐฐ๊ฒฝ์์ ์ ํํด์ฃผ์ธ์</option> <option value="1">๊ตด๋ฆผ</option> <option value="2">๊ณ ๋</option> <option value="3">๋์</option> </Form.Select> <Form.Select aria-label="Default select example" className='fontfamily'> <option>๊ธ์์์ ์ ํํด์ฃผ์ธ์</option> <option value="1">๊ตด๋ฆผ</option> <option value="2">๊ณ ๋</option> <option value="3">๋์</option> </Form.Select> <Form.Group controlId="formFileMultiple" className="files"> <Form.Control type="file" multiple /> </Form.Group> <Button variant="outline-secondary" id="button-addon2" className='submit' onClick={()=>{dataT.unshift(title), dataP.unshift(passage)}}> ๊ธ ์ฌ๋ฆฌ๊ธฐ </Button> <Outlet></Outlet> { console.log(dataT, dataP) } </> ) } export {Write, dataT, dataP}; ์ฌ๊ธฐ์์ ์ค๋ฅ๊ฐ ๋๋ค๊ณ ๋จ๋ค์ใ ใ ใ ใ2022๋ 10์ 20์ผ 09:31 #50914
codingappleํค ๋ง์คํฐํจ์์์์๋ ๋ณ์๋ ๋ฐ๊นฅ์์ ์ฌ์ฉ๋ถ๊ฐ๋ฅํฉ๋๋ค ๋ณ์๋ฅผ ๋ฐ๊นฅ์ ๋ง๋ค๊ฑฐ๋ ํจ์์์ ๋ณ์๋ฅผ return ํ๊ฑฐ๋ ํด์ผํฉ๋๋ค
-
๊ธ์ด์ด๊ธ
2 ๊ธ ๋ณด์ - 1 ์์ 2 ๊น์ง (์ด 2 ์ค์์)
- ๋ต๋ณ์ ๋ก๊ทธ์ธ ํ ๊ฐ๋ฅํฉ๋๋ค.
