Javascript 用JSX元素替换字符串？

我想格式化如下的日期时间：

yyyy-MM-dd hh:mm:ss

2016-07-02 20:14:12

如果我返回如下字符串：

yyyy-MM-dd hh:mm:ss

2016-07-02 20:14:12

有些代码是这样的（所有代码都是）：

问题是，现在我希望编号由

React.Component

包装，例如：

<span>2016</span>-<span>07</span>-<span>02</span> <span>20</span>:<span>14</span>:<span>12</span>

2016-07-02 20:14:12

---

我想指出，包装的元素并不总是

span

，可能是我自己定义的组件，例如

MyComponent

，您可以尝试以下方法：

yyyy-MM-dd hh:mm:ss

2016-07-02 20:14:12

注意：这是纯字符串计算。您可以检查JSX的逻辑和更新

var str=“2016-07-02 20:14:12”；
var result=str.split（“”）.map（函数（a）{
变量delimeter=a.match（/[^0-9]/）[0]；
返回a.split（delimeter）.map（函数（项）{
返回“+项目+”；
}).加入（delimeter）；
}).加入（“”）；
document.getElementById（“结果”）.innerText=result
您可以尝试以下方法：

yyyy-MM-dd hh:mm:ss

2016-07-02 20:14:12

注意：这是纯字符串计算。您可以检查JSX的逻辑和更新


var str=“2016-07-02 20:14:12”；
var result=str.split（“”）.map（函数（a）{
变量delimeter=a.match（/[^0-9]/）[0]；
返回a.split（delimeter）.map（函数（项）{
返回“+项目+”；
}).加入（delimeter）；
}).加入（“”）；
document.getElementById（“结果”）.innerText=result
经过一些研究，我发现现有的库不符合我的要求。当然，我也写了自己的：


它很容易使用。您的案例示例：

let result = processString({
    regex: /[0-9+]/gim,
    fn: (key, match) => <span key={key}>{match[1]}</span>
})(mask);

let result=processString({
正则表达式：/[0-9+]/gim，
fn：（键，匹配）=>{match[1]}
})（面具）；
经过一些研究，我发现现有的库不符合我的要求。当然，我也写了自己的：


它很容易使用。您的案例示例：

let result = processString({
    regex: /[0-9+]/gim,
    fn: (key, match) => <span key={key}>{match[1]}</span>
})(mask);

let result=processString({
正则表达式：/[0-9+]/gim，
fn：（键，匹配）=>{match[1]}
})（面具）；
如何定义
掩码？@TimoSta如何定义
掩码？@TimoSta