为什么React-intl在Ant-design内部不起作用？

Question

Form.Item如果FormattedMessage在Form.Item元素外部运作良好，则FormattedMessage无法在蚂蚁设计的元素内部运作。帮我！

Form.Item元素外部的FormattedMessage 运行良好

<Form.Item label={<FormattedMessage id="formSignIn.emailField" />}>
    {form.getFieldDecorator('email', {
        rules: [{ required: true, message: <FormattedMessage id="formSignIn.emailValidate" />}],
    })(
        <FormattedMessage id="formSignIn.emailValidate">
            {placeholder => (
            <Input prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />} placeholder={placeholder} />
            )}
        </FormattedMessage>,
    )}
</Form.Item>

FormattedMessage在Form.Item蚂蚁设计的元素内不起作用

Answer 1

    class DemoForm extends React.Component {
        render() {
            const {getFieldDecorator} = this.props.form;
            const {intl} = this.props;
            const placeholder = intl.formatMessage({id:'enterHere'});

            return (
                 <Form.Item label={<FormattedMessage id='name'/>}>
                  {getFieldDecorator('name',)(<Input placeholder={placeholder}/>)}
                 </Form.Item>
            )
       }
}
export const Demo = injectIntl(Form.create()(DemoForm));

使用此Demo类来展示您的组件。