How to control the state of a component in a table(container) in React-Redux?

Question

JavaScript

I have a container, for example:

The question is this: Each Component that I render in a loop in the container is a table row that, when clicked, works like a BS3 accordion. So, how to track clicks on each of the elements in the table through the store so that it opens? Code examples would be welcome, thanks.

Answer 1

If I understand the question correctly, then something like this:

handleComponentClick = (id) => {
  // тут можно дернуть экшн, чтобы открыть строку таблицы
}
...
this.jquerylist.map(el => {
  <Component key={el.id} onClick={() => this.handleComponentClick(el.id)}/>
})

You can do the same, but not by ID, but by index.
Why are you making an ajax request in componentWillMount? After all, you can pull an action that will make a request and save the result in the store.
Why are you making an ajax request with jQuery? Are you only using jQuery for ajax requests? To do this, there is fetch (native + there is a polyfill) or axios.