Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React Native - focus is not a function when getRenderedComponent

See original GitHub issue

Here is my code:

componentDidMount = () => {
    console.log(this.refs.lastName.getRenderedComponent());
    this.refs.lastName.getRenderedComponent().focus();

}

render() {
    return (
        <Grid containerStyle={{backgroundColor: '#fff'}}>
            
            <Row size={3.5} containerStyle={styles.topContainer}>
                <View>
                    <Field type="text" returnKeyType={"next"} ref="firstName" withRef
                           name="firstName" label="First Name" component={RenderField}/>

                    <Field last type="text" name="lastName" label="Last Name"
                           ref="lastName" withRef component={RenderField}/>

                </View>
            </Row>

        </Grid>
    )
}

 // Render Field

import React from 'react';
import PropTypes from 'prop-types';
import {Text} from 'react-native';
import {Item, Input, Label} from 'native-base';

class RenderField extends React.Component {
    render() {
        const {input, label, type, meta: {touched, error, invalid, warning}, custom} = this.props;

        let hasError = false;
        if (error !== undefined) {
            hasError = true;
        }
        return (
            <Item floatingLabel error={hasError} style={{marginBottom: 20}}>
                <Label>{label}</Label>
                <Input {...input} {...custom}/>
                {hasError ? <Text>{error}</Text> : <Text />}
            </Item>
        )
    }
}

export default RenderField;

The console.log return properly but at this.refs.lastName.getRenderedComponent().focus(); it always return this error _this.refs.lastName.getRenderedComponent().focus is not a function.

I’m using Redux Form v6 and Native Base v2

Thanks.