Unable to connect editor SimpleMDE

Viewed 19

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?

0 Answers
Related