Breaking News: Grepper is joining You.com. Read the official announcement!

useref array of refs

nk4j answered on March 12, 2021 Popularity 9/10 Helpfulness 5/10

answer useref array of refs

related useRef Array

useref array of refs

Comment

// https://mattclaffey.medium.com/adding-react-refs-to-an-array-of-items-96e9a12ab40c

const itemEls = useRef(new Array())
{items.map(item => (
 <p key={item} ref={(element) => itemEls.current.push(element)}>{item}</p>
))

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript refs use-ref

Link to this answer
Share Copy Link

Contributed on Mar 12 2021

nk4j

0 Answers Avg Quality 2/10

Closely Related Answers

useRef Array

Comment

/*both useRef({}) and useRef([]) work..*/
import CalendarStrip from 'react-native-calendar-strip';
export default function App() {
const one = useRef({});
 let x= [];
 
function q()
{
   one.current.getNextWeek();
   two.current.getNextWeek();
}

return (
    <View>
    <CalendarStrip 
    ref={(el)=> one.current[0] = el}
      style={{height:150, paddingTop: 20, paddingBottom: 10}} rightSelector={x} leftSelector={x}
    />

<CalendarStrip 
    ref={(el)=>one.current[1] =el}
      style={{height:150, paddingTop: 20, paddingBottom: 10}}
    />
    <TouchableOpacity onPress={()=>q()}>
      <Text>
        Click Me
      </Text>
    </TouchableOpacity>
    </View>
  );
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 10 2022

Javasper

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

useref array of refs

Contents

More Related Answers

useref array of refs

Closely Related Answers

useRef Array

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.