如何显示href的react-intl转换结果?

时间:2018-05-18 15:57:54

标签: javascript reactjs translation jsx react-intl

是否有任何选项可以在react-int中将联系号码显示为<a class="footer__links--contact--phone" href="tel:+44 1234 1234 12">

import React from 'react';
import { FormattedMessage } from 'react-intl';
import messages from './messages';
    const ContactList = () => (
      <div className="footer__links--contact">
        <pre>{JSON.stringify(messages.phone)}</pre>
        <a className="footer__links--contact--phone" href={`tel:${messages.phone}`}>
          <FormattedMessage {...messages.phone} />
          <p className="footer__opening-hours">
            <FormattedMessage {...messages.availability} />
          </p>
        </a>
      </div>
    );
    export default ContactList;

enter image description here

2 个答案:

答案 0 :(得分:2)

您可以将功能作为子组件提供:

import operator

STD = {'seventy-five': 0.050,
'states': 0.719,
'drainage-basin': 0.037,
'scotland': 0.037,
'reading': 0.123,
'thirty-eight': 0.000,
'almost': 0.037,
'rhine': 0.000,
'proper': 0.037,
'contrary': 0.087}

print("Enter query words, one per line. Blank line to end: ")
result = []
while True:
    line = input()
    if line:
        result.append(line)
    else:
        break

the_result = {}
for each in result:
    if each in STD:
        the_result.update({each: STD[each]})
        print("{} {}".format(each, STD[each]))
    else:
        print("{} not in list".format(each))

print("largest value is {}".format(max(the_result.items(), key=operator.itemgetter(1))[0]))

答案 1 :(得分:0)

此行是否正确显示电话?

pandas

如果是这样,那么我相信您还必须将相同的逻辑应用于href标记,因为模板字符串将对象转换为字符串。

<pre>{JSON.stringify(messages.phone)}</pre>

还要确保使用正确的国际前缀格式。 w3文档中给出的示例使用破折号而不是空格,因此也可以考虑使用。