Блог

Главная - Вопросы по программированию - React — renderToString как применить стили к строке

React — renderToString как применить стили к строке

#javascript #reactjs #string #object #react-redux

#javascript #reactjs #строка #объект #react-redux

Вопрос:

Я использую react-html-parser и renderToString. Проблема в том, что я не могу применить стили к строке, потому что стили и классы renderToString отображают строку. Вот пример https://ibb.co/8mfRWGm . Как решить эту проблему?

JavaScript_Lessons_Objects.js

 {
    titleName: "Creating Your First JavaScript",
    heading: 'Ready. Set. JavaScript!',
    iconName: faDotCircle,
    description: [
        `
        <h2 class="title_description">Let’s start</h2>
        With the basics and add some JavaScript to a webpage.
        document, and needs to be enclosed by
        ${ReactDOMServer.renderToString("<script class'scriptClass' style='color: red'> and </script>")}
        `
    ],
},

Уроки.jsx

 ReactHtmlParser(this.props.lesson[this.state.indexDescription]["description"])

Комментарии:

1. Не могли бы вы добавить знаки препинания в свой вопрос?

2. честно говоря, я пробовал, но, к сожалению, это не сработало, я задаю вопросы с помощью Google translate, и если бы я добавил знаки препинания в свой вопрос, мой перевод сломался бы

3. тег script — это зарезервированный тег для выполнения javascript. Попробуйте использовать другой html-тег, например div