语义UI图像属性不与语义使用反应

Question

我试图用React第一次使用官方semantic-ui-react。从来就建立了一个全新的应用程序的反应：

$ create-react-app test 

然后我试图添加同一如下反应图像App.js：

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大反应{logo}图像，而不是小型或头像风格：什么I'm在这里失踪

思路？

Answer 1

语义UI React需要一个语义UI'CSS，你忘了设置它，here是instuctions。我们也会尽快为CRA添加一个示例设置。