React Native How To Use Array Refs

Javasper answered on January 8, 2022 Popularity 8/10 Helpfulness 3/10

answer React Native How To Use Array Refs

related array of refs react

React Native How To Use Array Refs

Comment


function CalendarScreen() {
  const inputEls = useRef([]); 

  return(
<View style={styles.container}>


<TouchableOpacity onPress={()=>console.log(inputEls.current[0])}  ref={(el) => (inputEls.current[0] = el)}>
   <Text>First </Text>
   
    </TouchableOpacity>
<TouchableOpacity  onPress={()=>console.log(inputEls.current[1])} ref={(el) => (inputEls.current[1] = el)}>
  
  <Text> Second</Text> 
  </TouchableOpacity>

  </View>
)
}

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript react-native refs

Link to this answer
Share Copy Link

Contributed on Sep 28 2022

Javasper

0 Answers Avg Quality 2/10

Closely Related Answers

array of refs react

Comment

import React, { useRef, useEffect } from 'react';
import ReactDOM from 'react-dom';

const words = ['Many', 'Words'];

const App = () => {
  const wordsRef = useRef([]);

  const displayWords = words.map((word, i) => (
    <React.Fragment key={i}>
      <span ref={el => (wordsRef.current = [...wordsRef.current, el])}>
        {word}
      </span>
    </React.Fragment>
  ));

  useEffect(() => {
    console.log(wordsRef);
    console.log(wordsRef.current[0].classList);
  });

  return <div>{displayWords}</div>;
};

ReactDOM.render(<App />, document.getElementById('root'));

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 08 2022

Clumsy Crossbill

0 Answers Avg Quality 2/10

React Native How To Use Array Refs

Contents

More Related Answers

React Native How To Use Array Refs

Closely Related Answers

array of refs react

Grepper

Documentation

Social

Legal

Contact

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