前端常用方法

1.

转js数组的：Arry = JSON.parse(json数据）
转String的：String = Json.stringfy(数据)

设置状态，是异步的，不能即时更新到状态里，让紧跟的函数用
但在这个函数完成后，可以更新，渲染后续的显示使用（即状态是异步操作，只能在下一次渲染周期使用）

“下一次渲染周期” 是在 React 完成当前正在执行的代码块（如事件处理函数）后，开始检查组件是否需要重新渲染的时候。它会处理状态更新队列中的更新操作，
根据更新后的状态来构建新的虚拟 DOM，与旧的虚拟 DOM 比较并更新实际的 DOM，从而完成组件的重新渲染。

 2.

时间转化
render: (text, record) => {
        return (
          <span>
            {new Date(Number(record.createTime)).toLocaleString('zh-CN', {
              timeZone: 'Asia/Shanghai',
            })}
          </span>
        )
      },

3.

使用 dangerouslySetInnerHTML 属性来告诉 React 不要转义该内容，而是直接将其作为 HTML 进行渲染。
{
      title: (
        <span
          dangerouslySetInnerHTML={{
            __html: '问题内容 <span style="color: red;">*</span>',
          }}
        ></span>
      ),
      dataIndex: 'content',
      key: 'content',
      align: 'center',
      width: 1200,
      render: (text, record, index) => {
        return (
          <Input
            value={record.content}
            onChange={(e) => handleInputChange(e, record.id)}
          />
        )
      },
    },