How to create a css class inside a component and apply it to an element?

Question

React

How to create a CSS class inside a React component and then apply it to an element.
For example, I create a class .list and apply it className={ list }, but to keep the name without any hashes, as in aphoride.

Answer 1

<div className="list" />

const className = 'list';

return <div className={className} />;

Answer 2

This package is very helpful. classNames helps a lot

Answer 3

Went the other way. Since anyway, there were not many records. Then I just added a new variable - count, which counts the number of records with status 1, and I skip checking if there are already more than 3 records.

if($row->status == '1') {
    if($count >= 3)
        continue;

        $count++;
}

Answer 4

try like this:

SELECT * FROM *your_table_name* WHERE status =  1 LIMIT 3
UNION
SELECT * FROM *your_table_name* WHERE status =  0