[How to create forEach loop for scrollTrigger in ReactJS?]

Thank you very much @Rodrigo

[How to create forEach loop for scrollTrigger in ReactJS?]

@Rodrigo hey thanks for the answer, I appreciate it. But I mean I want something like this:

See the Pen QWNqBvL by GreenSock (@GreenSock) on CodePen

 

so, I want the box (element) animated/moving only when I scroll it to their view, that's the point that I'm still confuse to make it into React

[How to create forEach loop for scrollTrigger in ReactJS?]

Hey guys, I'm new in here, so I want to create something like this (on image) but in ReactJS, can anyone help?

Thanks