Elisha Nuchi
0ea874e8b4
update webpack, clasp, client code, eslint, prettier, readme, packages to latest
32 lines
684 B
React
32 lines
684 B
React
import React, { useState } from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const FormInput = ({ newSheetFormHandler }) => {
|
|
const [text, setText] = useState('');
|
|
|
|
const handleChange = event => setText(event.target.value);
|
|
|
|
const handleSubmit = event => {
|
|
event.preventDefault();
|
|
if (text.length === 0) return;
|
|
|
|
newSheetFormHandler(event, text);
|
|
setText('');
|
|
};
|
|
|
|
return (
|
|
<div className="formBlock">
|
|
<span>Add a sheet: </span>
|
|
<form onSubmit={handleSubmit}>
|
|
<input onChange={handleChange} value={text} />
|
|
</form>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FormInput;
|
|
|
|
FormInput.propTypes = {
|
|
newSheetFormHandler: PropTypes.func,
|
|
};
|