2016-04-19 19 views
4

reactintl 2.0とreduxを使用して、injectintlをconnectとともにアプリケーションで使用する方法。私のコードの最後の2行を見て、それを行う正しい方法が何であるか教えてください。reactx2とreduxの使い方は?

import React from 'react'; 
import { deleteTodo } from '../actions/todoActions'; 
import { connect } from 'react-redux'; 
import { 
    injectIntl, 
    FormattedRelative, 
    FormattedNumber 
} from 'react-intl'; 

class TodoItem extends React.Component { 
    working() { 
     console.log('well it\'s working'); 
    } 

    render() { 
     return (<p className="light" key={this.props.index}> 
        {this.props.todo} &nbsp;&nbsp;<a className="red-text text-accent-3" href="#" onClick={e => 
        { 
         this.props.dispatch(deleteTodo(this.props.index)) 
        }}>x</a> 
       </p>); 
    } 
} 

function mapStateToProps() { 
    return { 

    } 
} 


let injectedIntl = injectIntl(TodoItem); 
export default connect(mapStateToProps, null, null, {withRef: true})(injectedIntl); 
+0

は、それが動作しないのですか?それは右のようだ.. –

答えて

3

あなたを助けることができると思う:

export default injectIntl(
    connect(mapStateToProps, null, null, { withRef: true } 
)(TodoItem)) 
関連する問題