O principal problema com o uso do CSS react tachado é que pode ser difícil estilizar corretamente. Isso ocorre porque os estilos padrão para tachado não são muito específicos e não há suporte integrado para personalizá-los.
<del>This text is no longer relevant</del>
Essa linha de código usa a tag HTML 'del' para indicar que o texto entre essa tag não é mais relevante.
Estilizando o React usando CSS
Estilizar o React com CSS pode ser um pouco complicado no começo, mas depois que você pega o jeito, pode ser muito divertido. Aqui estão algumas dicas para ajudar você a começar:
1. Use Classes e Propriedades
Uma maneira de estilizar os componentes do React é usar classes e propriedades. Por exemplo, você pode usar o nome de classe “meu-botão” para estilizar todos os seus botões em seu aplicativo e, em seguida, usar a propriedade “estilo” para definir o estilo dessa classe. Aqui está um exemplo:
class MyButton extends Component { … style = { color : '#000' } }
2. Use Mixins e Utilitários
Outra maneira de estilizar os componentes do React é usar mixins e utilitários. Por exemplo, você pode usar o “botão de estilo” do mixin para criar uma folha de estilo reutilizável para todos os seus botões em seu aplicativo e, em seguida, usar a função utilitária “cor do botão” para definir a cor de todos os botões usando esse mixin. Aqui está um exemplo:
importar {StyleButton} de './style-button'; const ButtonColor = (props) => { return props. cor ; } exportar StyleButton padrão;
