Reactjs 德国电网公司,；反应测试库

我有一个定制的cellRenderer组件，名为CellInput.tsx

const CellInput = () => {
  const [localValue, setLocalValue] = useState();

  const handleChange = (event) => {
    setLocalValue(event.target.value)
  }

  return (
  <input className="input-cell" value={localValue} onChange={handleChange}/>
  )
}

const columnDefs = [
    {
      headerName: 'ABC',
      field: 'abc',
      minWidth: 100,
      cellRendererFramework: CellInput
    
    }
]

<AgGridTable columnData={columnDefs} rowData={rows} />

const CellInput=（）=>{
const[localValue，setLocalValue]=useState（）；
常量handleChange=（事件）=>{
setLocalValue（event.target.value）
}
返回(
)
}

这是我的ag网格表。tsx

const CellInput = () => {
  const [localValue, setLocalValue] = useState();

  const handleChange = (event) => {
    setLocalValue(event.target.value)
  }

  return (
  <input className="input-cell" value={localValue} onChange={handleChange}/>
  )
}

const columnDefs = [
    {
      headerName: 'ABC',
      field: 'abc',
      minWidth: 100,
      cellRendererFramework: CellInput
    
    }
]

<AgGridTable columnData={columnDefs} rowData={rows} />

const columnDefs=[
{
标题名称：“ABC”，
字段：“abc”，
最小宽度：100，
CellRenderFramework:CellInput
}
]

这是随机发生的，无法通过快照测试。
有人遇到过类似的问题，或者他们有什么我在这里遗漏的吗