Компоненты, динамически созданные внутри состояния, не обновляются при сохранении изменений
Я уверен store
обновления (я использую сокращение), потому что я могу получить обновленное значение в componentWillReceiveProps
, но в моих динамически создаваемых компонентах props
не будет обновляться (сохраняя значение props при создании компонента).
Как я создаю компоненты:
_getFetchDataDevice(...) {
[...]
coordinatesObjectsAR.forEach((tempObject, i) => {
objectsComponenets.push(
<ViroFlexView width={10} key={"viro_flex_"+i} transformBehaviors={["billboard"]} scale={[0.7*(distanceFromObjectsAR[i]/60),0.68*(distanceFromObjectsAR[i]/60),0.9*(distanceFromObjectsAR[i]/60)]} position={[coordinatesObjectsAR[i].x,0,coordinatesObjectsAR[i].z]} height={16} backgroundColor={'pink'} style={{ flexDirection: 'column' }} >
<ViroFlexView key={"viro_flex_inside_"+i} backgroundColor={'white'} style={{ flex: 1, flexDirection: 'column' }} >
<ViroText
key={"distance_"+i}
backgroundColor={'pink'}
style={{ flex: 1, color: 'purple', marginLeft:.2 }}
text={ this.props.distanceBetweenUserLocationAndPoints[i].toFixed(2).toString() + "m\n"}
fontSize={162} />
<ViroText
key={"xy_"+i}
backgroundColor={'pink'}
style={{ flex: 1, color: 'purple', marginLeft:.2 }}
text={"x:"+coordinatesObjectsAR[i].x.toFixed(2).toString()+",y:"+coordinatesObjectsAR[i].z.toFixed(2).toString()}
fontSize={162} />
<ViroText
key={"title_"+i}
backgroundColor={'pink'}
style={{ flex: 1, color: 'purple', marginLeft:.2 }}
text={jsonObjects[i].title}
fontSize={162} />
<ViroImage onClick={() => {this._startNavigationToLocal(i)}}
height={8}
width={6.75}
key={"button_"+i}
source={require("../resource/image/navigation.png")}
/>
</ViroFlexView>
</ViroFlexView>
);
});
this.setState({objects: objectsComponenets});
[...]
}
Чтобы получить обновленное значение, мне нужен реквизит this.props.distanceBetweenUserLocationAndPoints.
Рендеринг динамически создаваемых компонентов, хранящихся внутри состояния objects
является:
return (
<ViroARScene onTrackingUpdated={this._onTrackingUpdated} onAnchorFound={this._foundAnchor}>
<ViroText text={"Compass: "+compassDegree} transformBehaviors={["billboard"]} scale={[.5, .5, .5]} position={[0,0,-1]} style={styles.helloWorldTextStyle} />
{this.state.objects}
<ViroBox position={[0,0,-1]} scale={[.3, .3, .1]}/>
<ViroAmbientLight color={"#aaaaaa"} influenceBitMask={1} />
</ViroARScene>
);
_GetFetchDataDevice (...) вызывается внутри метода жизненного цикла.
В this.state.objects
работает и отображает исправленные представления, которые я намеревался использовать, но при обновлении this.props.distanceBetweenUserLocationAndPoints ссылка на него внутри динамически создаваемых компонентов не обновляется. Уже пробовали передать реквизит местному государству, тоже не вышло.