Я просто научусь реагировать и хочу добиться функции: оба A, B являются компонентами, если A прокручивается, затем B прокручивается
Ниже приведен мой код
<A onScroll="handleScroll"></A>
//what i write now
handleScroll: function(event){
var target = event.nativeEvent.target;
//do something to change scrollTop value
target.scrollTop += 1;
// it looks the same as not use react
document.getElementById(B).scrollTop = target.scrollTop;
}
но на самом деле я хочу, чтобы мой код выглядел как
//what i want
<A scrollTop={this.props.scrollSeed}></A>
<B scrollTop={this.props.scrollSeed}></B>
//...
handleScroll(){
this.setState({scrollSeed: ++this.state.scrollSeed})
}
он похож на input
<input value="this.props.value"/>
<input value="this.props.value"/>
<input ref='c' onChange={handleChange}>
//...
handleChange: function() {
// enter some code in c and then render in a and b automatically
}
Другими словами, мне нужен некоторый атрибут, например scrollTop
(другой
form <input value={}>
, потому что <A scrollTop={}>
не работает), связывается с некоторым состоянием, поэтому я могу просто использовать setState
, и они будут обновляться сами по себе.
Я googled раньше, но не могу найти answser. Я надеюсь, что мой бедный английский не смутит вас.