FilesExpand file tree

 master

/

CommentBox.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

38 lines (32 loc) · 966 Bytes

 master

/

CommentBox.js

Copy path

Top

File metadata and controls

• Code
• Blame

38 lines (32 loc) · 966 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

import React, { Component } from 'react';

import { connect } from 'react-redux';

import * as actions from 'actions';

import requireAuth from 'components/requireAuth';

class CommentBox extends Component {

state = { comment: '' };

handleChange = event => {

this.setState({ comment: event.target.value });

};

handleSubmit = event => {

event.preventDefault();

this.props.saveComment(this.state.comment);

this.setState({ comment: '' });

};

render() {

return (

<div>

<form onSubmit={this.handleSubmit}>

<h4>Add a Comment</h4>

<textarea onChange={this.handleChange} value={this.state.comment} />

<div>

<button>Submit Comment</button>

</div>

</form>

<button className="fetch-comments" onClick={this.props.fetchComments}>

Fetch Comments

</button>

</div>

);

}

}

export default connect(null, actions)(requireAuth(CommentBox));