home2 ๊ฒŒ์‹œํŒ React ๊ฒŒ์‹œํŒ export ์˜ค๋ฅ˜

export ์˜ค๋ฅ˜

  • ์ด ์ฃผ์ œ์—๋Š” 1๊ฐœ ๋‹ต๋ณ€, 2๋ช… ์ฐธ์—ฌ๊ฐ€ ์žˆ์œผ๋ฉฐ codingapple๊ฐ€ 3 ๋…„, 2 ์›” ์ „์— ์ „์— ๋งˆ์ง€๋ง‰์œผ๋กœ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค.
2 ๊ธ€ ๋ณด์ž„ - 1 ์—์„œ 2 ๊นŒ์ง€ (์ด 2 ์ค‘์—์„œ)
  • ๊ธ€์“ด์ด
    ๊ธ€
  • #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}; ์—ฌ๊ธฐ์—์„œ ์˜ค๋ฅ˜๊ฐ€ ๋‚œ๋‹ค๊ณ  ๋œจ๋„ค์š”ใ… ใ… ใ… ใ… 
    #50914

    codingapple
    ํ‚ค ๋งˆ์Šคํ„ฐ
    ํ•จ์ˆ˜์•ˆ์—์žˆ๋Š” ๋ณ€์ˆ˜๋Š” ๋ฐ”๊นฅ์—์„œ ์‚ฌ์šฉ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค 
    ๋ณ€์ˆ˜๋ฅผ ๋ฐ”๊นฅ์— ๋งŒ๋“ค๊ฑฐ๋‚˜ ํ•จ์ˆ˜์—์„œ ๋ณ€์ˆ˜๋ฅผ return ํ•˜๊ฑฐ๋‚˜ ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค
2 ๊ธ€ ๋ณด์ž„ - 1 ์—์„œ 2 ๊นŒ์ง€ (์ด 2 ์ค‘์—์„œ)
  • ๋‹ต๋ณ€์€ ๋กœ๊ทธ์ธ ํ›„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

About

ํ˜„์žฌ ์›” 700๋ช… ์‹ ๊ทœ์ˆ˜๊ฐ•์ค‘์ž…๋‹ˆ๋‹ค.

  (09:00~20:00) ๋น ๋ฅธ ์ƒ๋‹ด์€ ์นดํ†ก ํ”Œ๋Ÿฌ์Šค์นœ๊ตฌ ์ฝ”๋”ฉ์• ํ”Œ (๋งํฌ)
  admin@codingapple.com
  ์ด์šฉ์•ฝ๊ด€, ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ
โ“’ Codingapple, ๊ฐ•์˜ ์˜ˆ์ œ, ์˜์ƒ ๋ณต์ œ ๊ธˆ์ง€
top

ยฉ Codingapple, All rights reserved. ์Šˆํผ๋กœ์ผ“ ์—๋“€์ผ€์ด์…˜ / ์„œ์šธํŠน๋ณ„์‹œ ๊ฐ•๋™๊ตฌ ๊ณ ๋•๋กœ 19๊ธธ 30 / ์‚ฌ์—…์ž๋“ฑ๋ก๋ฒˆํ˜ธ : 212-26-14752 ์˜จ๋ผ์ธ ๊ต์œกํ•™์›์—… / ํ†ต์‹ ํŒ๋งค์—…์‹ ๊ณ ๋ฒˆํ˜ธ : ์ œ 2017-์„œ์šธ๊ฐ•๋™-0002 ํ˜ธ / ๊ฐœ์ธ์ •๋ณด๊ด€๋ฆฌ์ž : ๋ฐ•์ข…ํ