2016-05-03 19 views
0

に属性としてコンポーネントを反応させます検査は、私にこの例を示しますインクルードが生成されているアイコンずに、コンポーネントが[object Object]として生成されたばかり反応し、基本的には、私は別の属性は、この(私は材料のUIを使用しています)のようなコンポーネントを反応として反応コンポーネントを設定しようとしています別のコンポーネント

<div icon="[object Object]" tabindex="1" style="did-flip:true;display:table-cell;cursor:pointer;text-align:center;vertical-align:middle;height:48px;color:rgba(255,255,255,0.6);outline:none;font-size:14px;font-weight:500;white-space:initial;font-family:Roboto, sans-serif;box-sizing:border-box;width:33.333333333333336%;" data-reactid=".0.1.0.$1/=11"></div> 


私が間違って何をしているのだろうか?

はここで完全なファイルです:

import React, { Component, PropTypes } from 'react'; 
import Tabs from 'material-ui/lib/tabs/tabs'; 
import Tab from 'material-ui/lib/tabs/tab'; 
import FontIcon from 'material-ui/lib/font-icon'; 
import ActionFlightTakeoff from 'material-ui/lib/svg-icons/action/flight-takeoff'; 

export default React.createClass({ 

    styles: { 
    paper: { 
     height: 100, 
     margin: 10, 
     padding: 10, 
     textAlign: 'center' 
    } 
    }, 

    render: function() { 
    return (

      <Tabs> 
       <Tab icon={<FontIcon className="muidocs-icon-action-home" />} /> 
       <Tab icon={<ActionFlightTakeoff />} /> 
       <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} /> 
      </Tabs> 
    ); 
    } 

}); 

答えて

0

私はあなたのコードを試してみたし、私のために正常に動作します。私はReactバージョン15.0.2を使用しています。

私は確信していませんが、あなたがそれを試していると思います。それは正しいものです。 "icon" propの内部にコンポーネントを配置したいとします。

私はドキュメントでそれを探しましたが、FontIconまたはSvgIconを待っています。 したがって、問題はプロップではありません。

Material UI Tab's

関連する問題