Question

所以我正在尝试使用“ todos”道具的索引创建一个引用，但由于某种原因useRef无法使用它，我在做什么错了？

这是例子

import React, { useState, useRef } from 'react'

function Todos({todos}) {
   /* todos prop is an array of objects */

   /* FYI todos.map((_, index) => index) returns [0, 1, 2]*/

  /* CASE 1 */
  const order = useRef(todos.map((_, index) => index))
  console.log(order) /* returns {current: []} */

  /* CASE 2 */
  const order = useRef([0, 1, 2])
  console.log(order) /* returns {current: [0,1,2]} */
}

Answer 1

我找到了可行的解决方案。由于某种原因，设置订单的当前属性似乎可以正常工作

 const order = useRef();
 order.current = todos.map((_, index) => index)) /* works!!!*/

反应useRef没有得到分配

1 个答案: