인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

agdadfa님의 프로필 이미지
agdadfa

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기

전송 버튼

작성

·

135

0

안녕하세요 전송 버튼을 따로 만들고 싶어서 

 input style 아래에 저렇게 추가를 했는데,

e.target.value 값을 받아오는 방법을 알 수 있을까요 .. ㅜㅜ?

<input style={{
                    margin: 0, width: '79%', height: 50, border: '0px',
                    borderRadius: '2px', padding: '5px', fontSize: '1rem', backgroundColor: 'rgba(0,0,0,0.05)'
                }}
                    placeholder="메세지를 입력하세요 ..."
                    onKeyPress={keyPressHandler}
                    type="text" />
                
                <a href="#"
                    type="text"
                    style={{
                        margin:'0px 0px 0px 3px', border: '0px', borderRadius: '1px',
                        padding: '14px 18.1px 14px 18.7px', fontSize: '1rem', backgroundColor: 'rgba(0,0,0,0.05)'
                    }}
                    onClick={handleClick}
                    >
                        전송
                </a>

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

input 에서 받아오시려는 건가요 ? 
const onKeyPress = (e) => {

console.log(e.target.value) 

이런식으로 해주시면 됩니다 ~ ! 

agdadfa님의 프로필 이미지
agdadfa

작성한 질문수

질문하기