How To apply css properties in react native by using refs dynamically

Question

here is my instance I need to get the login div and hide it using refs How to achieve this ?

var Text=React.createClass({
componentDidMount:function(){
  console.log(this.refs.login.getDOMNode());

}, 

render:function(){
return (<View ref="login">
          <Text>Abc</Text>
          <Text>123</Text>
        </View>)
}
})`

there are no divs and there is no getDOMNode in react native — Colin Ramsay, Aug 03 '15 at 12:44
like setNativeProps is there a way for gettting the data through ref(getNativeProps) I need to get the Value entered from TextInput — Vikram Jakkampudi, Aug 14 '15 at 09:21

score 0 · Answer 1 · answered Aug 03 '15 at 12:46

0

You could do something like this:

render: function() {
    if(this.props.show) {
        return (<View ref="login">
              <Text>Abc</Text>
              <Text>123</Text>
            </View>)
    } else {
        return null;
    }
}

answered Aug 03 '15 at 12:46

Colin Ramsay

16,086
9
52
57

How To apply css properties in react native by using refs dynamically

1 Answers1