D
Кому то ещё написала бренда жорж, че это за бот?
Size: a a a
2020 July 10
VO
Использование стрелочной функции в render() создаёт новую функцию при каждой отрисовке компонента, что может нарушать оптимизации, использующие строгое сравнение для определения идентичности. (c) офф дока реакта
Создание любого объекта, который передаётся в пропсы дочерним компонентам в методе рендер (или внутри функционального компонента) «нарушает оптимизации»
EM
Кому то ещё написала бренда жорж, че это за бот?
+
OR
Кому то ещё написала бренда жорж, че это за бот?
-
( не достоин.
( не достоин.
DS
Создание любого объекта, который передаётся в пропсы дочерним компонентам в методе рендер (или внутри функционального компонента) «нарушает оптимизации»
+
EM
Реакт не настолько умён.
Вызвал компонент -> создалась новая фанка -> полетела в проп -> нужно обновить ребенка
Вызвал компонент -> создалась новая фанка -> полетела в проп -> нужно обновить ребенка
фанка хд
редуктор случайно не ты говоришь ? :D
редуктор случайно не ты говоришь ? :D
ei
Реакт не настолько умён.
Вызвал компонент -> создалась новая фанка -> полетела в проп -> нужно обновить ребенка
Вызвал компонент -> создалась новая фанка -> полетела в проп -> нужно обновить ребенка
Он его ререндерит в любом случае, если компонент в мемо не обернут
ei
Если обернут - то да, нарушение оптимизации
DS
Он его ререндерит в любом случае, если компонент в мемо не обернут
Ну ога
G
Создание любого объекта, который передаётся в пропсы дочерним компонентам в методе рендер (или внутри функционального компонента) «нарушает оптимизации»
При каждом рендере компонента будет дергаться ссылка на функцию handleClick
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
DS
фанка хд
редуктор случайно не ты говоришь ? :D
редуктор случайно не ты говоришь ? :D
Не мне просто лень длинное слово писать)
DS
При каждом рендере компонента будет дергаться ссылка на функцию handleClick
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
Ой не мы тут классы не юзаем
В
Как вы добавляете коммент в jsx файлу через ctrl + /?
Исчерпал все ижусы...
Исчерпал все ижусы...
В
В Sublime 3
И
При каждом рендере компонента будет дергаться ссылка на функцию handleClick
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
class App {
handleClick = () => {}
render() {
return <button onCLick=(this.handleClick)>
}
}
При каждом рендере компонента будет создана новая функция
class App {
render() {
return <button onCLick=(() => {})>
}
}
Тут будет создаваться каждый раз новая функция ?
const Test = () => {
return <button onCLick=(() => {})>
}
const App = () => {
const fn = () => {}
return <Child fn={fn} />
}
const App = () => <Child fn={() => {}} />два абсолютно идентичных компонента с идентичным поведением
D
Как вы добавляете коммент в jsx файлу через ctrl + /?
Исчерпал все ижусы...
Исчерпал все ижусы...
VSCode brat
NT
VSCode brat
+
В
VSCode brat
придеца...
OR
Как вы добавляете коммент в jsx файлу через ctrl + /?
Исчерпал все ижусы...
Исчерпал все ижусы...
{/*Komment*/}