如何将 react-intl 2 与 redux 一起使用？

Posted 2023-02-19

【中文标题】如何将 react-intl 2 与 redux 一起使用？

【英文标题】：How to use react-intl 2 with redux?

【发布时间】：2016-08-11 14:26:36

【问题描述】：

如何在使用 react-intl 2.0 和 redux 的应用程序中使用 injectintl 和 connect。查看我的代码的最后两行并告诉我这样做的正确方法是什么。

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);

【问题讨论】：

它不起作用吗？似乎是对的..

【参考方案1】：

你可以这样换行：

export default injectIntl(
  connect(mapStateToProps, null, null,  withRef: true 
)(TodoItem))

【参考方案2】：

我觉得这个库可以帮到你https://github.com/ratson/react-intl-redux