Semantic-UI React | Warum hat meine Schaltfläche keine Stile?

Question

Ich habe mit einem seltsamen Problem gestapelt. Wenn ich einen Menüblock mit einem Knopf innerhalb davon erstelle, erwarte ich, einen "regelmäßigen" Knopf zu erhalten, aber erhalten, Art von, Menü-Einzelteil-Ansicht.

Statt

<Menu inverted> 
    <Menu.Menu> 
     <Menu.Item header> 
      <Image className="logo" src={logoImg} avatar /> 
     </Menu.Item> 
    </Menu.Menu> 
    <Menu.Menu position={'right'}> 
     <Menu.Item> 
      <Button positive>Sign up</Button> 
     </Menu.Item> 
    </Menu.Menu> 
</Menu> 

Was könnte falsch sein?

Answer 1

Ihr Code funktioniert gut. Hier ist die Arbeit codepen. Problem kann sein, dass einige andere benutzerdefinierte Stile Ihre Komponente Button Stile überschreiben.