Цель: создать повторно используемый компонент OptionFan, который позволяет дочерним элементам быть компонентами ChildButton.Проблема: невозможно получить доступ к методу ChildButton "flyOut ()" внутри метода компонента OptionFan (parent) "showOptions ()"
в компоненте Option Fan:
showOptions = () => {
let animations = this.props.children.map((child, i) => {
this.refs.child.flyOut();
});
Animated.stagger(this.props.staggerDelay, animations).start();
}
renderOptions = () => {
return this.props.children.map((child, i) => {
return <ChildButton ref={child} siblings={this.props.children.length} key={i} icon={} number={i} size={} />
})
}
в компоненте ChildButton:
componentDidMount() {
this.props.ref(this);
}
flyOut = () => {
const {number, size} = this.state;
let offset = this.findChildCoordinates(number);
Animated.timing(
this.state.move,
{toValue: offset}
).start();
}
нужный метод недоступен в предложениях кода, что не так в моем подходе?