Чтобы сделать первую букву строки в React заглавной, вы можете использовать несколько методов. Вот несколько подходов:
-
Использование методов JavaScript
charAt()иtoUpperCase():const capitalizeFirstLetter = (string) => { return string.charAt(0).toUpperCase() + string.slice(1); } // Usage: const originalString = "example"; const capitalizedString = capitalizeFirstLetter(originalString); console.log(capitalizedString); // Output: "Example" -
Использование стрелочных функций ES6 и литералов шаблонов:
const capitalizeFirstLetter = (string) => { return `${string.charAt(0).toUpperCase()}${string.slice(1)}`; } // Usage: const originalString = "example"; const capitalizedString = capitalizeFirstLetter(originalString); console.log(capitalizedString); // Output: "Example" -
Использование метода
replace()с регулярным выражением:const capitalizeFirstLetter = (string) => { return string.replace(/^\w/, (c) => c.toUpperCase()); } // Usage: const originalString = "example"; const capitalizedString = capitalizeFirstLetter(originalString); console.log(capitalizedString); // Output: "Example"
Все эти методы достигают одного и того же результата: в React первая буква строки становится заглавной. Не стесняйтесь выбирать тот, который соответствует вашему стилю программирования и предпочтениям.