0

Esse é o código

import React, {Component} from 'react';

const content = {
  title: `Cl<span className="mask">i</span>entes`,
  description: 'Veja abaixo nossos clientes!'
}

export default class Hero extends React.Component {

    render() {
        return (
            <div id="hero">
              {content.map((item) => (
                <div class="hero-content">
                    <div class="hero-header">
                        <h1>{item.title}</h1>
                        <h2>{item.description}</h2>
                    </div>
                </div>
                ))};
            </div>
        );
    }
}

E aqui é a imagem de como ele está sendo exibido:

inserir a descrição da imagem aqui

1 Resposta 1

0
title: <div>Cl<span className="mask">i</span>entes</div>

const App = () => {
  const content = {
    title: <div>Cl<span className="mask">i</span>entes</div>,
    description: 'Veja abaixo nossos clientes!'
  }

  return (
    <div id="hero">
        <div className="hero-content">
            <div className="hero-header">
                <h1>{content.title}</h1>
                <h2>{content.description}</h2>
            </div>
        </div>
    </div>
  )
}

ReactDOM.render(<App />, document.querySelector("#app"));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="app"></div>

1
  • 1
    Muito Obrigado @André Luis
    – Js Dev
    29/04/2019 às 12:49

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .