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

Alternative Syntax for forwardRef

Javasper answered on October 8, 2022 Popularity 6/10 Helpfulness 1/10

answer Alternative Syntax for forwardRef

Alternative Syntax for forwardRef

Comment

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, Button, TouchableOpacity } from 'react-native';
import {forwardRef, useRef} from 'react';
export default function App() {
function q()
{
  console.log(hello.current.props.title);
}
  const hello = useRef();
    return (
    <View style={styles.container}>

<TouchableOpacity  onPress={()=>q()}>
<Text>
 Invoke Fancy Button
  </Text>
</TouchableOpacity>
<FancyButton ref={hello} text="first"/>  


<FancyButton ref={good} text="second" />  

    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

const FancyButton = forwardRef((props, ref) => (
  <Button ref={ref} id={props.text} title={props.text} />
 
));

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript syntax

Link to this answer
Share Copy Link

Contributed on Oct 08 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.

Alternative Syntax for forwardRef

Contents

More Related Answers

Alternative Syntax for forwardRef

Grepper

Documentation

Social

Legal

Contact

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