Как бороться с реакцией, добавляя окружающий div к моему компоненту?

Reactjs добавляет окружающий div к моему компоненту, который разбивает мой макет. Я хочу текст «Баланс» и количество, которое должно быть в одной строке.Как бороться с реакцией, добавляя окружающий div к моему компоненту?

<span>Balance:</span> 
<div id="Balance-react-component-7c517694-f02f-4cbb-aee1-08a98f7ea145">  
    <span data-reactroot="" class="balance">$3.00</span> 
</div>

Я знаю, что я мог бы просто компонент вернуть весь текст, включая слово баланс, но я не хочу, чтобы сделать это. Как мне перестать реагировать на вывод этого div или, по крайней мере, сделать его интервалом, чтобы он не заставлял прерывать линию?

источник

2016-09-10 Riina

вы можете опубликовать свой код реакции? Я не знаю, как изменить тип контейнера. Однако я думаю, что это на самом деле то, что нужно решать в CSS с помощью flexbox или inline-block/floats, а не для изменения основного способа работы React. –

Да, это необычная ситуация. Можете ли вы опубликовать компоненты и родительский рендер, который их содержит? – azium

react_component("Balance", 
    :html_options => {:style => "display:inline-block"} 
)

Был случай RTFM, я нашел решение использовать параметр html_options передать стиль к окружающему дел. (Может также пройти класс и стиль его таким образом.)

источник

2016-09-12 08:08:33 Riina

Как бороться с реакцией, добавляя окружающий div к моему компоненту?

ответ

Смежные вопросы