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

pass ref to class component react

Add Answer

Creepy Centipede answered on July 16, 2021 Popularity 10/10 Helpfulness 2/10

answer pass ref to class component react

related passing ref to child component

pass ref to class component react

Comment

-1

class ElemComponent extends Component {
  render() {
    return (
      <div ref={this.props.innerRef}>
        Div has a ref
      </div>
    )
  }
}

export default React.forwardRef((props, ref) => <ElemComponent 
  innerRef={ref} {...props}
/>);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: class javascript ref

Link to this answer
Share Copy Link

Contributed on Aug 30 2021

Creepy Centipede

0 Answers Avg Quality 2/10

Closely Related Answers

passing ref to child component

Comment

// Dumb:
export default props =>
    <input type='number' ref={props.setRef} />

// Smart:
class Parent extends Component {
    constructor(props) {
        super(props);
    }

    setRef(ref) {
        this.inputRef = ref;
    }

    render(){
        return <Dumb {...this.props} setRef={this.setRef} />
    }
}

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 16 2021

Inexpensive Ibis

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.

pass ref to class component react

Contents

More Related Answers

pass ref to class component react

Closely Related Answers

passing ref to child component

Grepper

Documentation

Social

Legal

Contact

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