как я могу правильно использовать 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 в функциональном компоненте

0 ответов

Другие вопросы по тегам