Reactjs 在react表中操作日期

我想知道是否有任何方法可以操纵react表组件中API返回的日期

例如，时间戳从API返回，其格式如下

2019-08-31 06:27:14

。。。我希望它看起来像是2005年8月8日星期一下午03:12:46

我正在使用react table组件来呈现表，我想要操作的列是

注册日期

列

任何帮助都将不胜感激

columns={[
    {
        Header: "ID",
        accessor: "id",
        show: false
    },
    {
        Header: "Signup Date",
        accessor: "signup_date"
    }
]}

---

您可以这样修改它：

columns : {[
    {
        Header:"Signup Date",
        accessor:"signup_date",
        //this is the func your looking for, it can retuen custom tableCell
        Cell : (props)=>{
            //props.value will contain your date
            //you can convert your date here
            const custom_date = 'custom_date'+props.value
            return <span>{custom_date}</span>
        }
    }
]}

列：{[
{
标题：“注册日期”，
访问者：“注册日期”，
//这是您要查找的函数，它可以返回自定义tableCell
单元：（道具）=>{
//props.value将包含您的日期
//你可以在这里转换日期
const custom_date='custom_date'+props.value
返回{custom_date}
}
}
]}

作为另一种解决方案，最好将表包装在父容器中，将修改后的数据传递给表。像这样的东西：
container.js

componentDidMount（）{
const{data}=this.props；
让tableData=[]
对于（让我输入数据）{
让对象={
//从传入的服务器数据中选择并修改数据
日期：“假日期”
}
tableData.push（对象）
}
这是我的国家({
数据：tableData
})
}
render（）{
返回(
)
}

---

希望这能有所帮助。

如果我理解正确，您只需要一种转换时间戳的方法？是否有可能在react表的

列中使用某种函数来完成转换？是的，您可以使用一个。您是否尝试过为冒号赋予唯一的id属性？@HMR。。。哦，这似乎已经成功添加了一个唯一的ID。。。谢谢你应该在did mount中使用
setState
，而不是变异道具，变异道具不是个好主意。在渲染中，您可以使用
this.state
作为道具传递到react表。