AZ
типа такого надо. если хочешь точный код, напиши пример в репл, допилим
Size: a a a
2020 April 15
РБ
а как мне коды ответа распознать. если код 403, то вернуть ошибку, а если 200, то содержимое data
AZ
let error = null;
const submit = ({..})=>{
fetch().then(res=>res.json()).then(data=>{
userData = data
})
.catch(err=>{
error = err
})
}
Г
а как мне коды ответа распознать. если код 403, то вернуть ошибку, а если 200, то содержимое data
res.status
DS
зависит от структуры приложения и существующего подхода к работе со сторами. каких-либо ограничений нет. 2 основных варианта, которые я использую:
1) самый простой - проверки в шаблонов, как показано в ридми
2) проверки вне шаблонов, на основе который выставляется дополнительный стейт или стор. удобно использовать с тем же svelte-viewpoint
1) самый простой - проверки в шаблонов, как показано в ридми
2) проверки вне шаблонов, на основе который выставляется дополнительный стейт или стор. удобно использовать с тем же svelte-viewpoint
отлично, спасибо. вот с viewpoint как раз и хочу использовать, чтобы preload еще использовать
PM
Dmitry Semenov
отлично, спасибо. вот с viewpoint как раз и хочу использовать, чтобы preload еще использовать
тогда что-то вроде можно написать
import Home from '';
import Products from '';
const routes = [{
path: '/products',
component: Products
}, {
path: '/',
component: Home
}];
import { derived } from 'svelte/store';
import { path } from 'svelte-pathfinder';
export const page = derived(path, $path => {
for (let route of routes) {
if ($path.pattern(route.path)) {
return route.component;
}
}
}, null);
<Viewpoint component={$page} />
PM
естественно разнести по разным файлам
PM
для code-splitting просто сделать component в массиве роутов функцией возвращающий динамический импорт:
{
path: '/',
component: () => import('./Home.svelte')
}
{
path: '/',
component: () => import('./Home.svelte')
}
PM
ну и настроить сборщик ясное дело
PM
об остальном позаботится Viewpoint
DS
тогда что-то вроде можно написать
import Home from '';
import Products from '';
const routes = [{
path: '/products',
component: Products
}, {
path: '/',
component: Home
}];
import { derived } from 'svelte/store';
import { path } from 'svelte-pathfinder';
export const page = derived(path, $path => {
for (let route of routes) {
if ($path.pattern(route.path)) {
return route.component;
}
}
}, null);
<Viewpoint component={$page} />
отлично, так сейчас и перепишу. спасибо!
PM
Dmitry Semenov
отлично, так сейчас и перепишу. спасибо!
как я и говорил в докладе - это просто стейт. крути его как хочешь
РБ
let userData = {}
const submit = ({..})=>{
fetch().then(res=>res.json()).then(data=>{
userData = data
})
}
РБ
пробовал делать fetch без promise, но тогда функция в компоненте ругается
РБ
а если fetch внутри promise то у меня не получается вернуть resolve()
РБ
полуичлось
РБ
я тупил жёстко ))))
РБ
но я сделал когда fetch внутри promise
а как вы предлагали сделать не получается.
а как вы предлагали сделать не получается.
DK
всем доброго времени суток
могу ли я при создании компонента через new
внутри Component у меня есть slot
через шаблон я был сделал бы так
могу ли я при создании компонента через new
new Component({
target: container
})
прокинуть еще chilld component, т.е.внутри Component у меня есть slot
через шаблон я был сделал бы так
<Component><h1>test</h1></Component>а как прокинуть в Component дочерний компонент если использовать вызов через new Component ??
DK
всем доброго времени суток
могу ли я при создании компонента через new
внутри Component у меня есть slot
через шаблон я был сделал бы так
могу ли я при создании компонента через new
new Component({
target: container
})
прокинуть еще chilld component, т.е.внутри Component у меня есть slot
через шаблон я был сделал бы так
<Component><h1>test</h1></Component>а как прокинуть в Component дочерний компонент если использовать вызов через new Component ??
Слот по-моему никак, но можно передать компонент и отрендерить через svelte:component