Компонент телефонной карты - PullRequest
Новая
       5

Компонент телефонной карты

0 голосов
/ 22 марта 2020

У меня есть следующий код, который создает Card UX Component. этой странице, а также какая команда используется для импорта "bootstrap .min. css" из "node_modules" на этой странице. Код для страницы в настоящее время выглядит следующим образом: 

import React from 'react'
import Hero from '../Components/Hero';
import Card from '../Components/ServicesUi';

export default function Services() {
return (
        <Hero hero="servicesHero"/>
);
}

1 Ответ

1 голос
/ 22 марта 2020

Импорт карт 

import React from 'react';
let image1 = '../images/swimming_sign.jpg';

 const Card = props =>{
  return(
    <div className="card text-center">
        <div className="overflow">
            <img src={image1} alt='Image 1'/>
        </div>
    </div>
);
}

export default Card;

import React from 'react'
import Hero from '../Components/Hero';
import Card from '../Components/ServicesUi';

export default function Services() {
return (
        <Card/>
        <Hero hero="servicesHero"/>
);
}

Чтобы импортировать css файл из узловых модулей, поместите оператор ссылки в свой индекс. html file 

<link rel="stylesheet" href="./node_modules/bootstrap/bootstrap.min.css">
...