如何截取短横线分隔字符串最后一段及Material Table列的实现方法

直接调用字符串的split方法按-拆分得到数组，再调用数组的pop()方法取最后一位即可，代码示例：

const inputStr = 'Ramesh-123-india'
// 按短横线拆分后取最后一段，加可选链和空值兜底避免空输入报错
const result = inputStr?.split('-').pop() || ''
console.log(result) // 输出 india

在Material Table的列配置中，使用render属性自定义列的渲染逻辑，在渲染时对字段值做拆分处理即可，示例代码如下：

import MaterialTable from 'material-table'

const tableColumns = [
  // 其余列配置省略
  {
    title: '对应列标题',
    field: 'your_data_field', // 替换为你的数据源中对应格式字段的字段名
    render: (row) => row.your_data_field?.split('-').pop() || ''
  }
]

// 组件调用
function DemoTable() {
  return (
    <MaterialTable
      columns={tableColumns}
      data={[]} // 替换为你的表格数据源
      // 其余表格配置（标题、分页、操作栏等）省略
    />
  )
}

如果你实际使用的是MUI X系列的DataGrid组件，对应配置需改用valueFormatter属性：

const gridColumns = [
  // 其余列配置省略
  {
    field: 'your_data_field',
    headerName: '对应列标题',
    valueFormatter: (params) => params.value?.split('-').pop() || ''
  }
]

内容的提问来源于stack exchange，提问作者ram