React（next.js）将状态从旧的类组件更改为新的函数

Question

我有简单的Class组件，

class RegistrationForm extends React.Component {
  state = {
    confirmDirty: false,
    autoCompleteResult: [],
  };

，我想将其更改为新功能。

      const RegistrationForm = () => {

        const [confirmDirty, setconfirmDirty] = useState(false);
        const [autoCompleteResult, setautoCompleteResult] = useState([]);

但是我不确定我是否做对了。有人可以告诉我它是否正确吗？

也可以有人指出我可以在将来对我有所帮助的资料，因为我在寻找资料方面遇到困难。感谢您的时间和帮助。