I work under post massender and using react. Now i developing Post component with edit function. I wont to add SimpleMDE editor for textarea form in Post edition page. But i cant. I have follow code.
import SimpleMDE from 'react-simplemde-editor';
import "easymde/dist/easymde.min.css";
const PostForm = props => {
// set the default state of the form
const [values, setValues] = useState( { body: props.body, category: props.category, title: props.title || ''} );
// update the state when a user types in the form
const onChange = useCallback((event) => {
setValues({
...values,
[event.target.name]: event.target.value
});
});
return (
<Wrapper>
<Form
onSubmit={event => {
event.preventDefault();
props.action({
variables: {
...values
}
});
}}
>
<label htmlFor="title">Title Post:</label>
<input
required
type="text"
name="title"
id="title"
placeholder="enter title"
onChange={onChange}
value={values.title}
/>
<label htmlFor="category">
Category Post:
<select onChange={onChange} type="text"
id="category" name="category" value={values.category}>
<option >enter category</option>
<option value="6251ef28413373118838bbdd">news</option>
<option value="6251f1532f7a51343c8ed7df">arts</option>
<option value="6251f1632f7a51343c8ed7e0">notes</option>
</select>
</label>
<SimpleMDE
required
type="text"
name="body"
id="body"
placeholder="Post content"
onChange={onChange}
value={values.body}
/>
<Button type="submit">Save</Button>
</Form>
</Wrapper>
);
};
if i use textarea, all work right. as soon as i change Textarea on SimpleMDE, i get error "Cannot read properties of undefined (reading 'name')". Tis mistake i get as sson as i enter the text into the form.
How i can use element "name" in SimpleMDE in this case?