Wpis z mikrobloga

#javascript #react
Mam dwie tabelki użyte w jednym większym komponencie. Czasami dane w tych tabelkach się pokrywają - chciałbym, żeby po najechaniu na jeden z wierszy w tabelce (np. tej po lewej) w drugiej wiersz był podświetlany (wtedy po prawej).

Nie da się chyba tego rozwiązać sensownie cssem. Spróbowałem zapisywać w głównym komponencie ID wiersza najechanego ale w takim wypadku mocno kuleje wydajność (rerender tabelek).

Macie pomysł jak by to ugryźć?
  • 2
ale w takim wypadku mocno kuleje wydajność


@Dreszczyk: a coś więcej na temat twojego rozwiązania, bo nie powinno jakoś szczególnie cierpieć na wydajności. W głównym komponencie powinieneś trzymać jakiś id aktywnego elementu i wrzucać go do componentu tabelki jako property. No i wiersze tabelki powinny mieć zdefiniowane key żeby cała tabelka się nie re-renderowała...
@mktos: przekazuje do komponentu tabelki (a potem do wiersza) funkcje, która na samej górze (strona z tabelką) aktualizuje mi ID wskazanego rekordu (w state), im więcej rekordów tym gorzej działa, mam wszędzie klucze pododawane -_-