React - capitalise on string

0 votes
270 views
added Aug 26, 2025 in React by lcjr Lieutenant (12,520 points)
//css tailwind
<td className="font-medium text-sm px-4 py-3 align-top capitalize">
  {item?.accepted_status ?? "N/A"}
</td>

// js function
const toCapitalisedWords = (val?: string) => {
  if (!val) return "N/A";
  return String(val)
    .replace(/[_-]+/g, " ")  
    .trim()
    .toLowerCase()
    .replace(/\b\w/g, c => c.toUpperCase());
};

// …
<td className="font-medium text-sm px-4 py-3 align-top">
  {toCapitalisedWords(item?.accepted_status)}
</td>

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...