Добрый день!
Изучаю react. Пока что информация дается не плохо, но вот зашел в небольшой тупик.
Есть список строк из стандартного компонента Table ( material-ui ). В каждой строке в последней ячейке таблицы есть кнопка "удалить", она скрыта. Хочу при наведении на строку (№1, например) показывать скрытую кнопку, которая находится в этой строке. Для этого, кнопку я пихнул в отдельный компонент, чтобы пробросить в него state, но пока не пойму как перебросить этот state, так как у меня появляются все кнопки, относящиеся к компоненту.
// код компонента (проброс)
<ActionsBtns visible={ this.state.showActionsBtn } />
// Компонент, который должен принять state
class ActionsBtns extends React.Component
{
constructor ( props )
{
super( props );
}
render ()
{
return (
<div style={{ visibility: this.props.visible ? 'visible' : 'hidden' }} >
<IconButton aria-label="Delete">
<DeleteIcon />
</IconButton>
</div>
);
}
}
Простой