javascript - How to communicate between two siblings components without changing state of parent? -


i new reactjs , faced following problem - have parent component, , 2 child components - list , map. both of these has children items. want when hover component in map - change style of appropriate component in list , vice versa. can handle hover events, if save id of hovered element in parent state, rerender full parent component on each hover. how can avoid this? i'm not using redux or this.

no, won't.


it rerender elements have changed.
, don't worry - o(n) extremely fast. pointed out in comments, if component extremely large - implement intermediate 1 well.

here how react implements diff algorithm.

rerender in case of:

  • different node types
  • key attribute changed

Comments

Popular posts from this blog

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

mapreduce - Resource manager does not transit to active state from standby -

serialization - Convert Any type in scala to Array[Byte] and back -