I have a ScrollView in react native and it has many Views. I store the ref to view using the following code
cards.push(
<Card
ref={(ref) => {
console.log(ref);
this.cardRef[index] = ref;
ref.testMethod();
}} />
);
Card is a separate component which looks like this:
class Card extends Component {
constructor(props) {
super(props);
this.testMethod = this.testMethod.bind(this);
}
testMethod() {
console.log('this.is.test.method');
}
render() {
return (
<View style={styles.container}>
<Text>This.is.a.card</Text>
</View>
)
}
}
However it says that testMethod is undefinded, cannot call ref.testMethod().
I played with your code on jsfiddle, and it looks like the child method is called:
var Card = React.createClass({
testMethod() {
console.log('this.is.test.method');
},
render() {
return (
<h1>this is a card.</h1>
)
}
});
var Parent = React.createClass({
render: function() {
return <div><Card ref={(r) => {r.testMethod()}}/></div>;
}
});
ReactDOM.render(
<Parent />,
document.getElementById('container')
);
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments