Как ты можешь передать числовые значения в React компонент?

Понимание Props в React

Когда ты передаёшь данные в React-компоненты, нужно использовать правильный синтаксис в зависимости от типа данных, с которым ты работаешь.

Передача Чисел

Числа нужно передавать, используя фигурные скобки {}, чтобы обозначить JavaScript-выражение:

Это говорит React'у, что нужно обработать 30 как числовое значение, а не как строку.

Передача Строк

Строки можно передавать двумя способами:

• Используя двойные кавычки напрямую: department="IT"
• Используя фигурные скобки с кавычками: department={"IT"}

Оба способа работают, но кавычки проще и понятнее для строковых значений.

Полный Пример

Главное Правило

Основное правило простое: используй {} для JavaScript-выражений (числа, переменные, вычисления), и используй кавычки для строковых литералов. Без фигурных скобок React обрабатывает всё как строку, что привело бы к передаче age="30" как текста вместо числа 30.