キャッチされていないにReferenceError：行に定義されていないが反応-基盤

Question

私は私の反応のプロジェクトに財団をインストールしても、それをインポートした後、それはまだ基礎

import React, { PropTypes } from 'react'; 
import { Link, IndexLink } from 'react-router'; 
import Auth from '../modules/Auth'; 
import DrawerLeft from './Drawer.jsx'; 
import Foundation from 'react-foundation'; 


const Base = ({ children }) => (
    <div> 
    <div className="top-bar"> 
     <Row> 
     <Column small={2} large={4}>TESTING</Column> 
     </Row> 

     {Auth.isUserAuthenticated() ? (
     <div className="top-bar-right"> 
      <Link to="/logout">Exit</Link> 
     </div> 
    ) : (
     <div className="top-bar-right"> 
      <Link to="/login">Enter</Link> 
      <Link to="/signup">Join</Link> 
     </div> 
    )} 

    </div> 

    { /* child component will be rendered here */ } 
    {children} 
    </div> 
); 

Base.propTypes = { 
    children: PropTypes.object.isRequired 
}; 

export default Base; 

を定義することはできませんそして、私のpackage.jsonで、それは "言います-基盤を反応させる "： "^ 0.8.2を" 依存関係の下であなたはまた、あなたが必要となります。この

import { Row, Column } from 'react-foundation'; 

ようにそれをインポートする必要が

Answer 1

Column

から

Answer 2

あなたは

import {Row, Column} from 'react-foundation'; 

としてそれらをインポートし、