Нарисуйте горизонтальную линию в React-Примеры кода

Victor Talmacinschi

Нарисуйте горизонтальную линию в React

JavaScript от Victor Talmacinschi June 16, 2022

import React from "react";

//Нарисуйте горизонтальную линию в React
const HorizontalLine = () => {
  return (
    <hr
      style={{
        color: "lightgray",
        backgroundColor: "lightgray",
        height: 1,
        border: "none",
      }}
    />
  );
};

export default HorizontalLine;

0

27.694

Нарисуйте горизонтальную линию в React

JavaScript от Victor Talmacinschi June 16, 2022

import React, { useState } from 'react';

const Line = () => {
  // хук useState позволяет нам получить доступ к состоянию в функциональном компоненте
  const [color, setColor] = useState('black');

  return (
    <div>
      <h3>Нарисуйте горизонтальную линию в React</h3>
      <hr
        style={{
          color: color,
          backgroundColor: color,
          height: 5
        }}
      />
      <button onClick={() => setColor('green')}>Зеленый</button>
      <button onClick={() => setColor('blue')}>Синий</button>
      <button onClick={() => setColor('red')}>Красный</button>
    </div>
  );
};

export default Line;

0

27.694

Похожие JavaScript запросы

Последние JavaScript запросы

Изучите примеры кода по категориям