Я пытаюсь отобразить компонент React в приложении React-on-Rails.Однако при рендеринге компонента в моем файле .html.erb
возникает странное поведение.
В файле .html.erb
я попытался:
1) Случай 1:
<div class="row search-container">
<div>
<%= react_component('MyComponent',
props: {
prop1: [],
prop2: 'Hello world'
},
prerender: false)
%>
</div>
</div>
В этом первом случае компонент реагирования не будет отображаться, и не будет выдано никакой ошибки.
2) Случай 2:
<div class="row search-container">
<div></div> <!-- Div added here -->
<div>
<%= react_component('MyComponent',
props: {
prop1: [],
prop2: 'Hello world'
},
prerender: false)
%>
</div>
</div>
То же, что и в случае 1.
3) Случай 3:
<div class="row search-container">
<div>Hello world</div> <!-- String added here -->
<div>
<%= react_component('MyComponent',
props: {
prop1: [],
prop2: 'Hello world'
},
prerender: false)
%>
</div>
</div>
В этом третьем случае все отображается правильно.
Я пытаюсь понять, почему при добавлении строки компонент рендеринга отображаетсяили нет.Возможно, я что-то здесь упускаю, но я не могу объяснить это поведение.
Пожалуйста, дайте мне знать, если у вас возникла такая же проблема или у вас есть какие-либо подсказки, которые могли бы помочь мне понять, что я упускаю.