ГФ
для React JS или для Next JS ??
не я на аксиос посижу
Size: a a a
2020 October 03
ГФ
не хочу себе жизнь усложнять
a
для React JS или для Next JS ??
Вот у меня тут готовая верстка, но как значение динамически изменять, в процессе загрузки файла?
https://www.w3schools.com/w3css/w3css_progressbar.asp
https://www.w3schools.com/w3css/w3css_progressbar.asp
DC
тот же axios.create, автоматическая работа с типами данных и тд
headers для чего, указываете Content-Type и получаете, в чём сложность ?
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
ГФ
Green Orange
не вижу я где ты хедеры указываешь. даже если есть в конфиге, разве не нужно передавать в явном виде (в самом запросе) типа как тут:
var postData = {
email: "test@test.com",
password: "password"
};
let axiosConfig = {
headers: {
'Content-Type': 'application/json;charset=UTF-8',
"Access-Control-Allow-Origin": "*",
}
};
axios.post('http://<host>:<port>/<path>', postData, axiosConfig)
.then((res) => {
console.log("RESPONSE RECEIVED: ", res);
})
.catch((err) => {
console.log("AXIOS ERROR: ", err);
})
это конечно все очень круто, но в итоге то не работает, я определенно где-то наломал дров, но где не понимаю
DC
Вот у меня тут готовая верстка, но как значение динамически изменять, в процессе загрузки файла?
https://www.w3schools.com/w3css/w3css_progressbar.asp
https://www.w3schools.com/w3css/w3css_progressbar.asp
Очень просто, вы на что хотите вешать событие?
Если на загрузку изображения, используйте её, ставим дефолтное значение ноль, и если к примеру происходит сабмит, прибавляем к нулю полученное значение. Как получить процент - это школьный материал 3 класс, всё
Профит
Если на загрузку изображения, используйте её, ставим дефолтное значение ноль, и если к примеру происходит сабмит, прибавляем к нулю полученное значение. Как получить процент - это школьный материал 3 класс, всё
Профит
a
Очень просто, вы на что хотите вешать событие?
Если на загрузку изображения, используйте её, ставим дефолтное значение ноль, и если к примеру происходит сабмит, прибавляем к нулю полученное значение. Как получить процент - это школьный материал 3 класс, всё
Профит
Если на загрузку изображения, используйте её, ставим дефолтное значение ноль, и если к примеру происходит сабмит, прибавляем к нулю полученное значение. Как получить процент - это школьный материал 3 класс, всё
Профит
У меня загрузка файлов в несколько мегабайт, нужно показывать как прогресс загрузки и отображать сколько КБ загрузилось. Как эту информацию получить?
DC
это конечно все очень круто, но в итоге то не работает, я определенно где-то наломал дров, но где не понимаю
А а а а а !!!
Ну вот же пример:
https://medium.com/@stasonmars/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-axios-%D0%B2-react-453c04ed0654
Гуглить надо!
Ну вот же пример:
https://medium.com/@stasonmars/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-axios-%D0%B2-react-453c04ed0654
Гуглить надо!
И
А а а а а !!!
Ну вот же пример:
https://medium.com/@stasonmars/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-axios-%D0%B2-react-453c04ed0654
Гуглить надо!
Ну вот же пример:
https://medium.com/@stasonmars/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-axios-%D0%B2-react-453c04ed0654
Гуглить надо!
Поменьше эмоций, пожалуйста. Не кричи, люди спят
DC
Поменьше эмоций, пожалуйста. Не кричи, люди спят
🤣😂 хорошо, я просто выйду из окна 22 этажа покурить...
DC
хоть я и не курю....
И
headers для чего, указываете Content-Type и получаете, в чём сложность ?
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
А засорять проект дополнительными библиотеками из-за того что нет знаний в javascript - бэд практик
Есть мнение, что лучший код — тот, который ты не написал. В нем ошибиться сложнее, поддерживать его легче + писать его не надо.
Можно написать свой хттп-клиент поверх фетча и ксмэльхттп, обложить тестами и реализовать нужную функциональность, нигде не накосячить и не ошибиться. А можно аксиос взять. Или не аксиос.
Тема холиварная и однозначного решения не имеет
Можно написать свой хттп-клиент поверх фетча и ксмэльхттп, обложить тестами и реализовать нужную функциональность, нигде не накосячить и не ошибиться. А можно аксиос взять. Или не аксиос.
Тема холиварная и однозначного решения не имеет
DC
Есть мнение, что лучший код — тот, который ты не написал. В нем ошибиться сложнее, поддерживать его легче + писать его не надо.
Можно написать свой хттп-клиент поверх фетча и ксмэльхттп, обложить тестами и реализовать нужную функциональность, нигде не накосячить и не ошибиться. А можно аксиос взять. Или не аксиос.
Тема холиварная и однозначного решения не имеет
Можно написать свой хттп-клиент поверх фетча и ксмэльхттп, обложить тестами и реализовать нужную функциональность, нигде не накосячить и не ошибиться. А можно аксиос взять. Или не аксиос.
Тема холиварная и однозначного решения не имеет
полностью согласен. Плюс надо учитывать нагрузку и время ожидания, нет серебренной пули, то что подходит, то и использовать.
Некоторые в довесок используют библиотеку body-parser
ПатамуШта так легче делать запросы на сервер )))
Некоторые в довесок используют библиотеку body-parser
ПатамуШта так легче делать запросы на сервер )))
И
полностью согласен. Плюс надо учитывать нагрузку и время ожидания, нет серебренной пули, то что подходит, то и использовать.
Некоторые в довесок используют библиотеку body-parser
ПатамуШта так легче делать запросы на сервер )))
Некоторые в довесок используют библиотеку body-parser
ПатамуШта так легче делать запросы на сервер )))
Ты про мидлварю для экспресса? Запросы на сервер легче делать?
Как любит говорить мой коллега, https://t.me/react_js/1024647
Как любит говорить мой коллега, https://t.me/react_js/1024647
O
Ребят с помощью чего можно реализовать вот такой upload блок??!
F
D
GO
F
Кто-нибудь поможет?
а как у тебя сделаны роуты?
F
<Route
path="/products/:product"
render={() => (
<SingleProductPage
SWAP_HEADING={SWAP_HEADING}
windowWidth={windowWidth}
/>
)}
/>
<Route
path="/404"
exact
render={() => (
<NotFound SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>
path="/products/:product"
render={() => (
<SingleProductPage
SWAP_HEADING={SWAP_HEADING}
windowWidth={windowWidth}
/>
)}
/>
<Route
path="/404"
exact
render={() => (
<NotFound SWAP_HEADING={SWAP_HEADING} windowWidth={windowWidth} />
)}
/>