javascript - 加入 JS 字符串数组和 JSX 元素

标签 javascript reactjs jsx

我正在尝试加入 "8.8.8.8".split('.')带有 JSX 元素的 JS 元素数组 <span className="bullet">•</span> .

在 React 环境中渲染它会得到 8[object Object]8[object Object]8[object Object]8 .

有什么解决办法吗?

最佳答案

尝试一下

"8.8.8.8".split('.').reduce((res, item) => {
    if (!res) {
        return [item];
    }

    return [...res, <span className="bullet">•</span>, item];
})

关于javascript - 加入 JS 字符串数组和 JSX 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52237287/

相关文章:

javascript - extjs 3.4.0 - 如何过滤读取 JSON 的存储

javascript - 奇怪的箭头函数参数行为

javascript - 在模板中使用原始元素类型的 AngularJS 指令

javascript - React - 使用受控输入自动将博客文章保存到 sessionStorage()

javascript - 如何使用 JSX 作为 Google Maps API 中 InfoWindow 的内容?

javascript - 使用表单包装元素并进行 AJAX 调用时重新加载页面

reactjs - React - useState 未设置初始值

javascript - Redux 调度程序未按预期更改状态

react-native - react 导航以从 redux 操作文件中导航

reactjs - WebStorm、React 和 JSX 大括号自动完成