Реферы не определены в реагировать родной

Question

Реферы не определены в реагировать родной

0

Я новый, чтобы реагировать-родной. Я пытаюсь прочитать x, y координаты представления внутри своего родителя. Использование ниже кода

componentDidMount: function() {
  setTimeout(this.measureView);
},
measureView: function() {
  this.refs.completeView.measure((ox, oy, width, height) => {
    this.setState({headerHeight: height});
  });
},
render : function(){
return (
  <TouchableHighlight onPress={() => this.props._pressRow(this.props.currentRowID)}>
    <View style={styles.container}
          ref="completeView">
      <View style={styles.colorView}>
      </View>
      <View style={styles.textWrapper}>
        <Text style={styles.text}>{this.props.text}</Text>
      </View>
    </View>
  </TouchableHighlight>
);
},

Внутри measureView this.refs всегда undefined. Зачем?

Я пытаюсь прочитать последние координаты представления в ListView, потому что по какой-то причине я хочу отобразить последнюю строку. Так есть ли другое решение для этого?

Также обратите внимание, что этот класс экспортируется в его родительский класс.

Rajesh 11 май 2016, в 09:21

Источник

0

Можете ли вы показать нам код для View пожалуйста?
Matthew Herbst 11 май 2016, в 07:06
0

Если вы говорите о функции рендеринга, то я просто обновил код. @MatthewHerbst
Rajesh 11 май 2016, в 07:07
0

@Rajesh Раджеш, ты нашел решение? У меня такая же проблема.
Sandro Machado 06 окт. 2016, в 14:17

Показать ещё 1 комментарий

Теги:

reactjs

react-native

2 ответа

Ещё вопросы

Можете ли вы показать нам код для View пожалуйста?
Если вы говорите о функции рендеринга, то я просто обновил код. @MatthewHerbst
@Rajesh Раджеш, ты нашел решение? У меня такая же проблема.

Tarek · Answer 1 · 2016-12-24T00-45-00.000Z

set ref, используя функцию вместо строки:

var myComponent = null;

...

componentDidMount: function() {
  setTimeout(this.measureView);
},
measureView: function() {
  this.myComponent.completeView.measure((ox, oy, width, height) => {
    this.setState({headerHeight: height});
  });
},
render : function(){
return (
  <TouchableHighlight onPress={() => this.props._pressRow(this.props.currentRowID)}>
    <View style={styles.container}
          ref={((component)=>this.myComponent = component)}>
      <View style={styles.colorView}>
      </View>
      <View style={styles.textWrapper}>
        <Text style={styles.text}>{this.props.text}</Text>
      </View>
    </View>
  </TouchableHighlight>
);
},

Aditya Singh · Answer 2 · 2016-05-11T07-55-00.000Z

Попробуйте использовать лямбда ES2015, чтобы получить правильное лексическое значение этого метода.

measureView = () => {
  this.refs.completeView.measure((ox, oy, width, height) => {
    this.setState({headerHeight: height});
  });
},