在反应中使用 Setter 时，回调函数参数如何命名？

Question

我目前有下面的代码片段，想知道命名约定如何用于回调函数中的参数。 “prevQuestionIndex”与 questionIndex 有什么关系？


export default function QuizNavBar({ questions }) {
  const [questionIndex, setQuestionIndex] = useState(0);

  // define event handlers 
 const goBack = () => {
   setQuestionIndex(prevQuestionIndex => prevQuestionIndex - 1)
 }

Answer 1

当您将函数传递给 setter 时，函数参数的命名对于正确执行操作而言并不重要。本例中的 prevQuestionIndex 始终是 questionIndex 的前一个值。如果将其命名为 banana 或 fish.

，它的行为方式相同

const goBack = () => {
   setQuestionIndex(banana => banana - 1) //will work just fine, but obviously not that maintainable
 }

Answer 2

前一个状态值没有特定的命名约定，我认为驼峰式大小写是正确的，我认为您的 prevQuestionIndex 示例很有意义，因为它与您用于 useState 挂钩的前一个状态值相关。

Answer 3

传递给函数时，函数参数的命名并不重要。

在反应中使用 Setter 时，回调函数参数如何命名？

When using a Setter in react how does the callback function argument get named?

setter

callback

reactjs