V
проверка на пустоту?
Size: a a a
2021 January 24
p
Vova
проверка на пустоту?
да, бывает сначала пустой объект приходит, а затем с данными
SV
и я использовал реселект либу, и что-то она не мемоизирует
p
Serhiy Vaschuk
только не нашел пример толком, чтоб с высоты посмотреть
SV
где-то убиваю предыдущий инстанс результата выборки, хз
SV
persona x grata
я о Slice
SV
я пока нацелен, что-то выучить, чтоб пойти в контору как трейни, и там уже смотреть, как все работает. И мне, кажется, сейчас никто в конторах не юзает этот атомик
В
persona x grata
const useComponentWillUnmount = onUnmountHandler => {
useEffect(() => () => {
onUnmountHandler()
}, [])
}
/*
Example
*/
const UnMountComponent = () => {
useComponentWillUnmount(() => console.log('This component will unmount'))
return (
<div>Check your browser console</div>
)
}Петушня
SV
И, кажется, и до конторы я не дойду
V
import React, { useState } from 'react'
import {connect} from "react-redux";
interface propsApp {
tracks?: string[],
onAddTrack?: any
}
const App:React.FunctionComponent<propsApp> = (props) => {
const {tracks, onAddTrack} = props
let [track, setTrack] = useState('')
let addTrack = () => {
onAddTrack(track)
setTrack('')
}
return (
<div className="container mt-100">
{tracks && tracks.map((track: string, index: number) => <li key={index}>{track}</li>)}
<div className="add-track">
<input onChange={(e) => setTrack(e.target.value)} value={track} type="text"/>
<button onClick={addTrack} className="btn btn-primary">Add track</button>
</div>
</div>
)
}
export default connect(
state => ({
tracks: state
}),
dispatch => ({
onAddTrack: (trackName: string) => {
dispatch({ type: 'ADD_TRACK', payload: trackName})
}
})
)(App)S
Vova
import React, { useState } from 'react'
import {connect} from "react-redux";
interface propsApp {
tracks?: string[],
onAddTrack?: any
}
const App:React.FunctionComponent<propsApp> = (props) => {
const {tracks, onAddTrack} = props
let [track, setTrack] = useState('')
let addTrack = () => {
onAddTrack(track)
setTrack('')
}
return (
<div className="container mt-100">
{tracks && tracks.map((track: string, index: number) => <li key={index}>{track}</li>)}
<div className="add-track">
<input onChange={(e) => setTrack(e.target.value)} value={track} type="text"/>
<button onClick={addTrack} className="btn btn-primary">Add track</button>
</div>
</div>
)
}
export default connect(
state => ({
tracks: state
}),
dispatch => ({
onAddTrack: (trackName: string) => {
dispatch({ type: 'ADD_TRACK', payload: trackName})
}
})
)(App)
V
p
Serhiy Vaschuk
я пока нацелен, что-то выучить, чтоб пойти в контору как трейни, и там уже смотреть, как все работает. И мне, кажется, сейчас никто в конторах не юзает этот атомик
юзают. будет плюсом, если будешь знать и будет в портфолио такой проект
p
Петушня
Кто?
V
Serhiy Vaschuk
И, кажется, и до конторы я не дойду
а ты с какого города?
p
Vova
const App: React.FC
V
тоже самое
SV
Vova
а ты с какого города?
Был в Киеве, сейчас не там
p
Vova
тоже самое
сделай @ts-ignore
p
