Soy React Developer y tengo un proyecto en Vue para recodificar en React. Nunca he tocado Vue, así que muchas cosas son un misterio para mí. Obtuve clases dinámicas de Vue y quiero 'traducirlas' a código React. Alguien me puede ayudar, darme un esquema? Esto es un ejemplo:
<div class="relative" :class="{ 'h-10 w-10': size === 'sm', 'h-12 w-12': size === 'md', 'h-14 w-14': size === 'lg', }" > </div> ¿Cómo obtener el mismo efecto en React? ¿Y si hay v-if y v-else ?
Puedes probar esto:
className={ "relative " + (size === 'sm' && " h-10 w-10 ") + (size === 'md' && " h-12 w-12 ") + (size === 'lg' && " h-14 w-14 ") }