hooks - useCallback

5523 ワード
テキストリンク

useCallback

  • 反応をレンダリングするための
  • 要素がレンダリングされるたびに新しい関数
    • が作成されないようにする.
  • 依存パラメータのパラメータが変化しない場合、関数も変化しません.

    useCallback定義関数の使用

  • useCallback(함수,의존성-변수-리스트) 
    • export default function InputSample(){
  
  const [text, setText] = useState('');

  const onChange = useCallback((e:React.ChangeEvent<HTMLInputElement>)=>{
    const text = e.target.value
    setText(text)
  },[])
  
  const onReset = useCallback(()=>{
    setText('')
  },[])
  
  
  return (
    <div>
      <input type="text" value={text} onChange={onChange} />
      <button onClick={onReset}>reset</button>
      <div>
        <b>Value : </b> {text}
      </div>
    </div>
  )
}
    JUnit 4テスト例
    SpringMVCがJSONに戻ってIEの中でダウンロードする問題を解決します