现在的方案，不支持服务端渲染？

https://github.com/ant-design/intl-example/blob/master/src/entry/index.jsx#L7

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

I'm having a problem when I try to use the notification component.

I want to set a ReactNode like this:

notification.open({
  message: 'Notification Title',
  description: (<FormattedMessage
    id="myKey"
  />)
});

But that is because the HTML element that is created to show the notification is rendered at body level. So, it's not wrapped inside a IntlProvider. It makes sense.
However, I need to show translated messages. Is there any change to make it work?

http://ant.design/components/locale-provider/

npm run build:i18n-js

请问，这个脚本在什么地方，该怎么写呢？

我按照示例配置到我的项目以后，无法生成 i18n-messages文件啊，
webpack：

const webpack = require('webpack');
module.exports = {
  entry: {
    app: ['./src/entry.jsx'],
    en: ['./src/langEntry/en-US.js'],
    zh: ['./src/langEntry/zh-Hans-CN.js'],
    common: [
      'react', 'react-dom', 'react-router',
      'redux', 'react-redux', 'moment',
      'classnames', 'object-assign', 'redux-saga',
      'react-router-redux', 'js-cookie', 'whatwg-fetch',
      'babel-polyfill',
    ],
  },
  watch: true,
  output: {
    publicPath: `dist`,
    filename: `[name].bundle.js`,
  },
  module: {
    loaders: [
      {
        test: /\.jsx$/,
        loaders: ['babel'],
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ['babel'],
      },
      {
        test: /\.css$/,
        loaders: ['style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]'],
      },
      {
        test: /\.(ttf|eot|svg|woff)/,
        loader: 'file?name=[sha512:hash:base64:7].[ext]',
      },
      {
        test: /\.(png|jpg|jpeg|gif)$/,
        loaders: ['file'],
      },
      {
        test: /\.json$/,
        loaders: ['json'],
      },
    ],
  },
  resolve: {
    extensions: ['', '.js', '.jsx', '.scss', '.css', '.json'],
  },
  plugins: [
    //new I18Plugin(lang),
    new webpack.optimize.CommonsChunkPlugin({
      names: ['common', 'manifest'],
      filename:  `[name].chunk.js`,
      minChunks: Infinity,
    }),

    new webpack.DefinePlugin({
      process: {
        env: {
          NODE_ENV: JSON.stringify('development'),
        },
      },
    }),
  ],
};

.babelrc

{
  "presets": ["es2015", "react"],
  "plugins": [
    ["import", [{ "libraryName": "antd" }]],
    ["react-intl",[{"messagesDir": "./i18n-messages"}]]
  ]
}

l10n.config.js是和示例中一样的 ，不知道在哪里出现问题了。

我正在用dva，antdesign和react-intl框架开发一个单页应用程序，并且使用react-intl实现国际化。我在最外层的index.js用 <IntlProvider>将所有的组件都包裹起来，这样所有的子组件都能访问到intl对象。

I am building a SPA using dva, antdesign and react-intl. I enclosed all the other components with <IntlProvider> component from react-intl therefor all the children components have access to the intl object.

绝大部分页面和组件都工作正常，但是antdesign的Modal所显示的内容，用react-intl的<FormattedMessage id="message.id"/> 之后报错，错误信息是：[React Intl] Could not find required intl object. <IntlProvider> needs to exist in the component ancestry.

Most of the pages and components are working fine, however antdesign Modal cannot render the content after I changed the content to <FormattedMessage id="message.id"/>. The error message is: [React Intl] Could not find required intl object. <IntlProvider> needs to exist in the component ancestry.

我通过Chrome的React插件观察了组件的结构，出现此问题的原因是Model组件是写在最外面（和App平级的）的这样就不是<IntlProvider>的子组件了，请参见下图。

I inspected the page using Chrome React plugin, the reason was that Modal component is rendered at the top level, same level as the app. Please refer to screen shot below.

一个解决办法是把所有使用到Modal的页面和组件再次引入语言包并用包裹一遍，不过这个办法貌似不太好，请问有什么更好的解决办法吗？谢谢！

A resolution is to import the React Intl's locale data and enclose the Modal content with for all the pages and components that use antdesign Modal, but I don't think it's a good idea. Any other suggestions are appreciated. Thanks!

1. zh-cn.js 自动生成

<FormattedMessage id="title" defaultMessage="中文"/>

=>

{
 title: "中文"
}

1. example 增强

...

@ChrisFan

比如

 const columns = [{
  title: '姓名',
  dataIndex: 'name',
  key: 'name',
}, {
  title: '年龄',
  dataIndex: 'age',
  key: 'age',
}, {
  title: '住址',
  dataIndex: 'address',
  key: 'address',
}];

切换到英文时对应为

const columns = [{
  title: 'Name',
  dataIndex: 'name',
  key: 'name',
}, {
  title: 'Age',
  dataIndex: 'age',
  key: 'age',
}, {
  title: 'Address',
  dataIndex: 'address',
  key: 'address',
}];

一般怎么处理呢？
是通过 window.appLocale 判断语言 替换数据吗？

测试了一下报了如下的错：

➜  intl-example git:(master) ✗ npm run dev

> [email protected] dev /Users/samliu/gits/demos/intl-example
> dora -p 8001 --plugins webpack,proxy,hmr,livereload

(node:39378) [DEP0016] DeprecationWarning: 'GLOBAL' is deprecated, use 'global'
          proxy: listened on 8989
     livereload: listening on 35729
(node:39378) ExperimentalWarning: The fs.promises API is experimental
📦  650/650 build modules
webpack: bundle build is now finished.
Caught exception: TypeError [ERR_INVALID_CALLBACK]: Callback must be a function
    at maybeCallback (fs.js:140:9)
    at Object.fs.writeFile (fs.js:1258:14)
    at Recorder.self.updateRecordBody (/Users/samliu/gits/demos/intl-example/node_modules/dora-anyproxy/lib/recorder.js:103:12)
    at Recorder.self.updateRecord (/Users/samliu/gits/demos/intl-example/node_modules/dora-anyproxy/lib/recorder.js:64:14)

目前生成了 index.html & index.en.html，但是这种方式意味着在访问 /index.html 时就已经决定了语言；
在某些场景下，无法满足需求，比如我有两个系统 A、B，需求是：

1. 访问系统时根据浏览器判断默认语言
2. 再次访问系统时，需要保留上次选择的语言
3. A、B 系统切换时，语言要保持一致

于是，从实现上来说，我们会利用 cookie 存储上次选择的语言，并以此来达到多个系统间切换时保持语言一致的功能。

这个时候有两种做法：

1. 生成一个 index.html，在客户端判断语言后，异步获取语言包
2. 生成一个后端模版，比如 index.vm，里面包含语言包逻辑

@yiminghe @sorrycc 你们觉得呢？这种情况有什么好办不

在文档中看到了用 npm run build:i18n-js 自动生成，但是我在项目中并没有看到。能麻烦详细描述一下吗

目前项目比较庞大，国际化的文件已经接近500行，打算分文件管理，想请教下有没有可行的方案。