反应useRef没有被分配

Question

So i'm trying to create a ref using the indexes of 'todos' prop but for some reason useRef doesn't work with it, what am i doing wrong?

here's the example

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

I found a working solution. for some reason setting the current property of the order seems to work

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