Кто нибудь использует react-query, покажите как вы пробрасываете селекторы?

|
risenforces 2022-06-27 10:56:26
x0LDev 2022-06-27 10:47:47
Врушка

https://sequelize.org/docs/v6/other-topics/migrations/

Ужасная параша

risenforces 2022-06-27 10:56:38
В призме это невероятно удобно делается
risenforces 2022-06-27 10:57:02
Потому что там отдельный файл с полной моделью
risenforces 2022-06-27 10:57:09
SSOT
bxckwoodDev 2022-06-27 10:57:46
x0LDev 2022-06-27 10:45:25
Привык к sequelize

Prisma топчик

risenforces 2022-06-27 10:58:07
risenforces 2022-06-27 10:57:02
Потому что там отдельный файл с полной моделью

И не надо ручками ничего писать/корректировать, все генерится из него

bxckwoodDev 2022-06-27 10:58:23
risenforces 2022-06-27 10:56:38
В призме это невероятно удобно делается

Согласен брат, призма топ 1 орм

risenforces 2022-06-27 11:01:11
risenforces 2022-06-27 10:56:38
В призме это невероятно удобно делается

Плюс есть разные генераторы клиентов, у меня например генерятся схемы zod которыми можно данные валидировать и дтошки готовые для неста

cbk_sminbaev 2022-06-27 11:13:42
Всем привет. Я новисок можете помочь пж? Как преобразить классовый компонент в функционалыный?
cbk_sminbaev 2022-06-27 11:13:52
import React from «react»;
import «./styles.css»;

class App extends React.Component {
constructor(props) {
super(props);
this.state = {
BillingAddress: «»,
ShippingAddress: «»,
copybilling: false
};
}

changeDetails = e => {
const { name, value, checked } = e.target;
if (name === «copybilling») {
if (checked) {
this.setState({
[name]: true,
ShippingAddress: this.state.BillingAddress
});
} else {
this.setState({
[name]: false,
ShippingAddress: »
});
}
} else {
this.setState({
[name]: value
});
}
};

render() {
return (
<div>
<textarea
name=»BillingAddress»
value={this.state.BillingAddress}
onChange={this.changeDetails}
/>
<textarea
name=»ShippingAddress»
value={this.state.ShippingAddress}
onChange={this.changeDetails}
/>
Copy :
<input
type=»checkbox»
name=»copybilling»
checked={this.state.copybilling}
onChange={this.changeDetails}
/>
</div>
);
}
}

export default App;

mulfyx 2022-06-27 11:14:19
cbk_sminbaev 2022-06-27 11:13:42
Всем привет. Я новисок можете помочь пж? Как преобразить классовый компонент в функционалыный?

легко

kirilltcoi 2022-06-27 11:14:36
Нужно всего лишь…
cbk_sminbaev 2022-06-27 11:14:43
Поможешь пж&
ivanchai6iv 2022-06-27 11:15:35
cbk_sminbaev 2022-06-27 11:13:52
import React from «react»;
import «./styles.css»;

class App extends React.Component {
constructor(props) {
super(props);
this.state = {
BillingAddress: «»,
ShippingAddress: «»,
copybilling: false
};
}

changeDetails = e => {
const { name, value, checked } = e.target;
if (name === «copybilling») {
if (checked) {
this.setState({
[name]: true,
ShippingAddress: this.state.BillingAddress
});
} else {
this.setState({
[name]: false,
ShippingAddress: »
});
}
} else {
this.setState({
[name]: value
});
}
};

render() {
return (
<div>
<textarea
name=»BillingAddress»
value={this.state.BillingAddress}
onChange={this.changeDetails}
/>
<textarea
name=»ShippingAddress»
value={this.state.ShippingAddress}
onChange={this.changeDetails}
/>
Copy :
<input
type=»checkbox»
name=»copybilling»
checked={this.state.copybilling}
onChange={this.changeDetails}
/>
</div>
);
}
}

export default App;

в чем трудность?

Stas 2022-06-27 11:15:43
cbk_sminbaev 2022-06-27 11:14:43
Поможешь пж&

https://nimblewebdeveloper.com/blog/convert-react-class-to-function-component/

How to convert a React Class Component to a Function ComponentNimblewebdeveloper
demark_pro 2022-06-27 11:15:53
cbk_sminbaev 2022-06-27 11:14:43
Поможешь пж&

В вбивай по частям в Гугле типа react state hook и тд

demark_pro 2022-06-27 11:16:05
Сначала посмотри что такое фк
velasMax 2022-06-27 11:16:18
risenforces 2022-06-27 11:01:11
Плюс есть разные генераторы клиентов, у меня например генерятся схемы zod которыми можно данные валидировать и дтошки готовые для неста

опа король телеграмма

frkam 2022-06-27 11:16:26
ivanchai6iv 2022-06-27 11:15:35
в чем трудность?

это ж надо в этой всей мешанине разобратьсч, а ещё и классовые компоненты знать, а ещё и функциональные. сделай бесплатно, пжшка

cbk_sminbaev 2022-06-27 11:17:00
я там где условие не смог
risenforces 2022-06-27 11:17:35
cbk_sminbaev 2022-06-27 11:13:52
import React from «react»;
import «./styles.css»;

class App extends React.Component {
constructor(props) {
super(props);
this.state = {
BillingAddress: «»,
ShippingAddress: «»,
copybilling: false
};
}

changeDetails = e => {
const { name, value, checked } = e.target;
if (name === «copybilling») {
if (checked) {
this.setState({
[name]: true,
ShippingAddress: this.state.BillingAddress
});
} else {
this.setState({
[name]: false,
ShippingAddress: »
});
}
} else {
this.setState({
[name]: value
});
}
};

render() {
return (
<div>
<textarea
name=»BillingAddress»
value={this.state.BillingAddress}
onChange={this.changeDetails}
/>
<textarea
name=»ShippingAddress»
value={this.state.ShippingAddress}
onChange={this.changeDetails}
/>
Copy :
<input
type=»checkbox»
name=»copybilling»
checked={this.state.copybilling}
onChange={this.changeDetails}
/>
</div>
);
}
}

export default App;

Ого, какое древнее ископаемое

risenforces 2022-06-27 11:17:57
Мы в данном случае видим особо редкий экспонат — стейт в конструкторе
cbk_sminbaev 2022-06-27 11:18:00
да уж)
keijnn 2022-06-27 11:18:02
frkam 2022-06-27 11:16:26
это ж надо в этой всей мешанине разобратьсч, а ещё и классовые компоненты знать, а ещё и функциональные. сделай бесплатно, пжшка

слишком толсто

bxckwoodDev 2022-06-27 11:20:16
keijnn 2022-06-27 11:18:02
слишком толсто

Согласен

scrimingruby 2022-06-27 11:23:08
react_js-1481880.jpg

scrimingruby 2022-06-27 11:23:08
react_js-1481879.jpg

scrimingruby 2022-06-27 11:23:58
react_js-1481881.jpg
ребят такие дела, беру значение с api, в родительском компоненте в консоль выводится, передаю в компонент, там он теряется как-то
scrimingruby 2022-06-27 11:24:13
react_js-1481882.jpg

scrimingruby 2022-06-27 11:24:36
Помогите плиз😅
kjkszpch 2022-06-27 11:27:28
scrimingruby 2022-06-27 11:23:58
ребят такие дела, беру значение с api, в родительском компоненте в консоль выводится, передаю в компонент, там он теряется как-то

state вроде внутри конструктора объявлялся нет ?

mulfyx 2022-06-27 11:28:39
scrimingruby 2022-06-27 11:23:08

0_0

viktooor7 2022-06-27 11:40:17
scrimingruby 2022-06-27 11:24:36
Помогите плиз😅

На хуки перепиши и будет норм )

mr_alexej 2022-06-27 11:40:38
scrimingruby 2022-06-27 11:23:08

Давай всё по новой)

va1174 2022-06-27 11:53:50
scrimingruby 2022-06-27 11:23:08

У тебя стейт из пропсов в дочернем компоненте присваивается при вызове конструктора, то есть один раз и перед первым рендером дочернего компонента, при маунте. Скорее всего этих данных, которые ты хочешь туда затолкать — еще не существует на этот момент. Так как компонент отрендерился, а запрос еще идет. Вообще так делать нельзя, в лоб присваивать данные из пропсов в стейт.

Используй либо props.storyPoint, либо актуализируй стейт в соответствии с изменениями this.props.storyPoints

vetrokm 2022-06-27 11:56:30
risenforces 2022-06-27 10:44:23
А с призмой и постгресом невероятно изи с бд работать

фу орм

risenforces 2022-06-27 11:58:24
vetrokm 2022-06-27 11:56:30
фу орм

Покажи без орм ченить на ноде

risenforces 2022-06-27 11:58:45
Хотя не уверен что щас хочу проблевываться
risenforces 2022-06-27 11:59:35
risenforces 2022-06-27 11:58:24
Покажи без орм ченить на ноде

Хотя не важно даже чтобы на ноде, всякие квери билдеры это везде параша

risenforces 2022-06-27 11:59:42
Которая нормально не валидируется
bxckwoodDev 2022-06-27 12:00:17
risenforces 2022-06-27 11:59:42
Которая нормально не валидируется

@nodejs_ru

bxckwoodDev 2022-06-27 12:00:41
( @keijnn унизил челов )
keijnn 2022-06-27 12:01:13
bxckwoodDev 2022-06-27 12:00:41
( @keijnn унизил челов )

не мешай мне развиваться, обезьянич

risenforces 2022-06-27 12:01:33
keijnn 2022-06-27 12:01:13
не мешай мне развиваться, обезьянич

!ро оскорбления

bxckwoodDev 2022-06-27 12:01:42
keijnn 2022-06-27 12:01:13
не мешай мне развиваться, обезьянич

!po

risenforces 2022-06-27 12:01:53
bxckwoodDev 2022-06-27 12:00:41
( @keijnn унизил челов )

!ро непонятная провокация

kekpekdeveloper 2022-06-27 12:10:36
кто нибудь использует react-query, покажите как вы пробрасываете селекторы?
kekpekdeveloper 2022-06-27 12:10:51
@supermariobrosru спрашивает

Помогите человеку

risenforces 2022-06-27 12:11:19
kekpekdeveloper 2022-06-27 12:10:51
@supermariobrosru спрашивает

Помогите человеку

Иван, что на тебя нашло?

emptyfate 2022-06-27 12:11:54
kekpekdeveloper 2022-06-27 12:10:36
кто нибудь использует react-query, покажите как вы пробрасываете селекторы?

какие селекторы?

|