Clear inputs after submit

[condini-mastheus]

I have the following code:

import React, { useState } from 'react';

import Calendar from 'react-calendar';
import { Form, Input } from '@rocketseat/unform';
import * as Yup from 'yup';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';

import { Creators as PostsActions } from '~/store/ducks/posts';

function Main({ savePostRequest, getPostsRequest, posts }) {
  const today = new Date();

  function handleSubmit(data) {
    const { post } = data;
    savePostRequest({ post, date });
  }

  return (
    <Container>
         <Form schema={schema} onSubmit={handleSubmit}>
                <Input
                    type="text"
                    name="post"
                    placeholder={
                    'Type something you are grateful for and press "Enter" to share with everyone'
                    }
                    autoComplete="off"
                    disabled={posts.isSending}
                    autoFocus
                />
            </Form>   
    </Container>
  );
}

const mapStateToProps = state => ({
  posts: state.posts,
});

const mapDispatchToProps = dispatch => bindActionCreators(PostsActions, dispatch);

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(Main);

How to I clear the input field after form submit?

[diego3g]

For now, there is no way of doing that, i would really appreciate if we could discuss it inside #17.

I will close the issue since we are discussing it in another thread, feel free to reopen if you think we are missing something here.