#reactjs
Вопрос:
const DataSendHandler = (e) =gt; { e.preventDefault(); const data = eventctx.eventData() let formData = new FormData() for (const property in data) { formData.append(property, data[property]) } const requestOptions = { method: 'POST', headers: { "Authorization": `Bearer ${token}` }, body: formData }; try { fetch('http://localhost:8000/createEvent', requestOptions) .then(res =gt; res.json()) .then(data =gt; console.log(data)) } catch (e) { console.log(e.message); } } return( lt;form onSubmit={(e) =gt; { DataSendHandler(e) }} gt; lt;Form.Group controlId="formFile" className="mb-3"gt; lt;Form.Labelgt;choose a relevant picture for your Event to show customerlt;/Form.Labelgt; lt;Form.Control type="file" onChange={picHandler} /gt; lt;/Form.Groupgt; lt;Form.Group controlId="picture" className="mb-3"gt; lt;Form.Labelgt;picture lt;/Form.Labelgt; lt;Form.Control type="file" multiple onChange={docHandler} /gt; lt;/Form.Groupgt; lt;div className={classes.np}gt; lt;Button className={classes.button} onClick={props.previousStep}gt; privious lt;/Buttongt; lt;Button className={classes.button} onClick={doneHandler}gt; Done lt;/Buttongt; lt;Button type="submit" className={classes.button} disabled={btndisable}gt; Submit lt;/Buttongt; lt;/divgt; lt;/formgt; ) Комментарии:
1. Я бы предположил, что некоторые из ваших JS ломаются, что приводит
e.preventDefault()к тому, что они не работают. Если вы используете опцию «Сохранить журнал» в Chrome DevTools (при условии, что вы используете Chrome), ошибка JS все равно будет отображаться в консоли после обновления страницы, и вы сможете перейти оттуда.2. привет, спасибо за помощь, я могу общаться со своим бэкэндом, но для e.preventDefault()такой ошибки нет