我怎样才能正确使用React备忘录?反应备忘录无法正常工作

时间:2020-06-25 09:47:18

标签: javascript reactjs memo react-usememo

我编写了一个输入组件,并在我的项目中使用了其中的一些组件,我放置了一个 console.log('change this input:',title),当我在任何一个我的输入组件 console.log('更改此输入为'',标题)调用我项目中的任何组件!这是React备忘录的正常动作?!还是我用错了!?

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 个答案:

没有答案