как я могу правильно использовать React Meme? React memo работает некорректно
Я написал компонент ввода и использую часть этого компонента в своем проекте, я помещаю console.log('изменить этот ввод: ', заголовок) и когда я пишу что-то в любом из моих компонентов ввода console.log('измените input: ', title) вызывает любой из моих компонентов в моем проекте!! это нормальное действие React memo?! или я использовал это неправильно!?
import React from "react";
export function Input(props) {
const {
title,
...other
} = props;
console.log(" change this input : ", title);
return (
<div className="input-box">
<div className="input-body" onClick={click}>
<div className="input-title">
{title}
</div>
<input
className="input-field"
{...other}
/>
)}
</div>
</div>
);
}
export default React.memo(Input);
Я хочу реализовать производительность React.PureComponent в функциональном компоненте