Напишите первую букву с заглавной буквы в React

Чтобы сделать первую букву строки в React заглавной, вы можете использовать несколько методов. Вот несколько подходов:

  1. Использование методов 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"
  2. Использование стрелочных функций 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"
  3. Использование метода 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 первая буква строки становится заглавной. Не стесняйтесь выбирать тот, который соответствует вашему стилю программирования и предпочтениям.