React-rails: Where should I put ReactRailsUJS.mountComponents() to manually mount component?

[hieuhlc]

Help us help you! Please choose one:

• [ ] My app crashes with react-rails, so I've included the stack trace and the exact steps which make it crash.
• [ ] My app doesn't crash, but I'm getting unexpected behavior. So, I've described the unexpected behavior and suggested a new behavior.
• [ ] I'm trying to use react-rails with another library, but I'm having trouble. I've described my JavaScript management setup (eg, Sprockets, Webpack...), how I'm trying to use this other library, and why it's not working.
• [x] I have another issue to discuss.

---

(Describe your issue here)

I'm dealing with an issue like #245 . I understand what you guys was talking about but I don't know where to put ReactRailsUJS.mountComponents(). I have some experiences with ReactJS before but not with React Rails. Thank you in advance.

I tried this

[rmosolgo]

ReactRailsUJS is a javascript object, not a Ruby object. So, to call its functions in an ERB file, you should use <script> tags, for example:

<%= react_component ... %>
<script>
  ReactRailsUJS.mountComponents()
</script>

This way, the function will be called in the browser when someone loads the page!

[hieuhlc]

@rmosolgo I got this in browser console. Am I missing something?

[rmosolgo]

Did you add //= require react_ujs to application.js ? react_ujs creates the ReactRailsUJS object

[hieuhlc]

I found it. My app used more than one application.js so it's missing. Thank you very much!