Activity

1. rafikalid commented on Nov 10, 2022

   

   rafikalid

   on Nov 10, 2022

   Author

   More actions

   I propose in general to compile duplicated attributes to arrays as follow:

   <div
       className = "c1"
       className = "c2"
       className = "c3"
   />
   
   // TO
   
   React.createElement(Component, {
     className: [ 'c1', 'c2', 'c3' ]
   });

   and

   <div
       anyAttr = "value 1"
       anyAttr = { true }
       anyAttr = { callLogic() }
       anyAttr
       !anyAttr
   />
   
   // TO
   
   React.createElement(Component, {
     anyAttr: [ "value1", true, callLogic(), true, false ]
   });
2. fabiospampinato commented on Jan 20, 2023

   

   fabiospampinato

   on Jan 20, 2023

   More actions

   This is a problem that must be solved at the framework level, React is just giving you a very basic API for setting classes, that's the problem.

   👍React with 👍1Reacted by Emily "Qb" Kramp
3. drwpow commented on Jun 7, 2025

   

   drwpow

   on Jun 7, 2025

   More actions

   I personally am a big fan of Svelte’s approach, allowing not only classname combining but with easy conditions built in:

   https://svelte.dev/playground/ca01d7704d2e411bbe9a9911de6ea8bb?version=5.33.16