Semantic-UI Imageプロパティがsemantic-ui-reactで機能しない

Question

Reactで公式semantic-ui-reactを使用しようとしています。

import React, { Component } from 'react'; 
import logo from './logo.svg'; 
import { Image } from 'semantic-ui-react'; 

import './App.css'; 


class App extends Component { 
    render() { 
    return (
     <div className="App"> 
     <div className="App-header"> 
      <img src={logo} className="App-logo" alt="logo" /> 
      <h2>Welcome to React</h2> 
     </div> 
     <p className="App-intro"> 
      To get started, edit <code>src/App.js</code> and save to reload. 
     </p> 

     <div className="ui container"> 
      <h1>Hello World</h1> 
      <Image src={logo} avatar/> 
      <Image src={logo} size='mini'/> 
     </div> 

     </div> 
    ); 
    } 
} 

export default App; 

結果がビッグ2が反応する私を示していますApp.jsに次のように画像を反応

$ create-react-app test 

と私は同じを追加しようとしました：I'veは、アプリケーションを反応させ、新たなブランドを構築しました{logo}画像ではなく、ミニやアバタースタイル： - 私がここで行方不明何の

アイデア？

Answer 1

セマンティックUIリアクションにはセマンティックUIのCSSが必要です。セットアップするのを忘れました。hereがインストールされています。まもなくCRAで設定例を追加します。