reactjs - 我应该使用 createRef 还是 useRef，为什么？

Question

在这个组件中，我不确定是否应该使用 createRef 和 useRef 从输入中获取信息。你能帮我弄清楚我应该如何选择一个或另一个吗？提前致谢

import React from 'react'

const AddBook = (props) => {

    const handleNewBook = props.handle
    let titleInput = React.createRef();
    let authorInput = React.createRef();

    return (
      <div className="add-book">
        <span className="add-book-title">Add a book:</span>
        <form>
          <input type="text" ref={titleInput} placeholder="Title" />
          <input type="text" ref={authorInput} placeholder="Author" />
          <button
            type="reset"
            onClick={() =>
              handleNewBook(titleInput.current.value, authorInput.current.value)
            }
          >
            Add
          </button>
        </form>
      </div>
    );
}

export default AddBook

Answer 1

CreateRef 通常用在类组件中。

useRef(创建 ref 的钩子(Hook))用于功能组件。

因为您使用的是函数式，所以最好使用 useRef。