可变命名约定

Question

我正在使用ReactJS在前端系统上工作。

我正在关注Airbnb javascript style guide。 但是后端的API响应使用带下划线的变量名的JSON。

这会导致我们的代码不一致。有什么好的解决方案吗？从API响应转换字段名称是否常见？ （即JSON字段“ product_id”将转换为“ productId”）

const { filter } = this.state;

const filterList = filter.list.map((item, index) => (
  <li
    key={index}
    className={`border-bottom ${item.active ? 'active' : ''}`}
  >
    <a onClick={this.setFilter(item.product_id)}>{item.product_name}</a>
  </li>
));

return (
  <ul className="sort-list grid-container">
    {filterList}
  </ul>
);

在上面的代码示例中，我们看到了以驼峰形式写的变量，并带有下划线。技术问题不多。只是变量命名不一致。我只是想知道是否应该解决这个小问题。