react Intl-如何从formattedMessage中获取值

Question

我有一个分量拿一个数字。

Answer 1

我从来没有使用过react-intl，所以我不知道它是否有效，但它应该在概念上有效。

您可以做的是创建一个实用函数，它将返回所需的结果。对于这种情况，intl.formatmessage（{id:'native_number'}）和格式化组件。

const getNativeNumber = () => {
   // I don't know how but you can get the number here
   // something like
   const nativeNumber = intl.formatMessage({ id: 'native_number' });
   return {
     component: <FormattedMessage id="native_number" />,
     nativeNumber: nativeNumber
   }
}

<ClickableNumber num={getNativeNumber()} />

console.log(this.props.num.nativeNumber)  // This will have the native number in your ClickableNumber component.