FilesExpand file tree

 master

/

ValidationSample.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

43 lines (43 loc) · 976 Bytes

 master

/

ValidationSample.js

Copy path

Top

File metadata and controls

• Code
• Blame

43 lines (43 loc) · 976 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

import React, { Component } from 'react';

import './ValidationSample.css';

class ValidationSample extends Component {

input = React.createRef();

state = {

password: '',

clicked: false,

validated: false

};

handleChange = e => {

this.setState({

password: e.target.value

});

};

handleButtonClick = () => {

this.setState({

clicked: true,

validated: this.state.password === '0000'

});

this.input.current.focus();

};

render() {

return (

<div>

<input

ref={this.input}

type="password"

value={this.state.password}

onChange={this.handleChange}

className={

this.state.clicked

? this.state.validated

? 'success'

: 'failure'

: ''

}

/>

<button onClick={this.handleButtonClick}>검증하기</button>

</div>

);

}

}

export default ValidationSample;