다음 예제 코드처럼 제출 버튼을 클릭하면 참조를 통해 emailAddress와 comments에 접근해서 콘솔에 출력할 수 있다(ch07/email/jsx/content.jsx).

 

예제 코드 7.8 이메일 폼 시작하기

class Content extends React.Component {
    constructor(props) {
        super(props)
        this.submit = this.submit.bind(this)
        this.prompt = 'Please enter your email to win $1,000,000.' ---- 클래스 속성 정의
    }
    submit(event) {
        let emailAddress = this.refs.emailAddress
        let comments = this.refs.comments
        console.log(ReactDOM.findDOMNode(emailAddress).value) ---- 참조를 이용해서 이메일 주소 입력 값에 접근하여 출력한다.
        console.log(ReactDOM.findDOMNode(comments).value)
    }

---