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