110624 til

트위터 클론코딩 

 

트위터 포스트 폼 만들기 

 

 

포스트 폼을 만들어주고 

 

글 작성 하고 사진 을 업로드 하면 이렇게 된다 .

 

<Form>

<TextArea

rows={5}

maxLength={180}

onChange={onChange}

value={tweet}

placeholder="What is happening?!"

/>

<AttachFileButton htmlFor="file">

{file ? "Photo added ✅" : "Add photo"}

</AttachFileButton>

<AttachFileInput

onChange={onFileChange}

type="file"

id="file"

accept="image/*"

/>

<SubmitBtn

type="submit"

value={isLoading ? "Posting..." : "Post Tweet"}

/>

</Form>

);

}

 

사진 파일 첨부 , submit 버튼