Как сделать так, чтобы стили указанные в строке 'hello world' применились?

Question

[ZHeka]

всем привет. работаю с библиотечкой MUI Autocomplete. Мне нужно, чтобы options - строки, были с разной жирностью.

типо hello WORLD
но если просто передать так, применяется буквально c тегами в строке. 'hello <b>world</b>'
По факту, мне надо понять, как заставить у меня именно, чтобы скрипт срабатывал. а он просто строку выводит, с тегами((

пробовал вместо строки подкладывать

<div>
<spanT>Hello</span>
<span style={{fontWeight:'bold'}}>World</span>
</div>

но жирность применяется к обоим словам.
Кто сталкивался? Подскажите, мб как решали подобный вопрос

Comments

[szQocks]

spanT - убери T

Answer 1

[nagge101]

По идее все тут хорошо, кроме тега
<spanT>Hello</span>

Comments

[ZHeka]

да это я тут опечатался. по факту, не работает.

[nagge101]

Ну как вариант использовать просто <b></b>

А так, вставляя в реакт, все работает как должно. Смотрите что делается в дом дереве, применяются ли стили. МОжет font-weight глобально задан

[ZHeka]

Вопрос решил.
https://ru.reactjs.org/docs/dom-elements.html#dang...