var css = require('./file.styl');
подскажите как взять нужный class?

большая просьба пишите одни сообщением, а не в столбик кусками

Понял

это реакт?

Вопрос по Canvas.js. Отрисовал линейный график, нужно добавить click listener, который будет отрабатывать по клику по любому месту, не только точкам графика.
Как?
https://canvasjs.com/docs/charts/chart-options/data/click/ - там был, это клики по графику.

Можно обернуть в div, хотелось бы передать click handler в CanvasJSChart.

да

зачем там var и require?

зачем использовать connect? Есть же useDispatch, для взятия данных из стора - useSelector

https://github.com/shama/stylus-loader
Пробую, просто все стили подключить могу import...
хочу попробовать брать только нужный класс

если у тебя не цсс модули - то просто import 'styles.css' и на теги вешаешь нужные классы просто строками.

import React, { useEffect } from "react";
import { connect } from "react-redux";
import { getUsers } from "../actions/usersActions";

const Users = ({ users, getUsers }) => {
  useEffect(() => {
    getUsers();
  }, []);

  console.log("FROM SERVER", users);
  return (
    <div>
      {users.map((u) => (
        <React.Fragment key={u.id}>
          <h6>{u.name}</h6>
        </React.Fragment>
      ))}
    </div>
  );
};

const mapStateToProps = (state) => ({ users: state.users });

export default connect(mapStateToProps, { getUsers })(Users);

Вот так у меня компонента. Сейчас у меня в users ничего нету. Но когда удаляю  вот этот часть кода.  

{users.map((u) => (
        <React.Fragment key={u.id}>
          <h6>{u.name}</h6>
        </React.Fragment>
      ))}

 У меня users появляется данные. Можете помочь в чем проблема ?

что такое компонента?

а остальной текст тебя не смущает?

я дальше не читал, как и код

Компонент.

if (user.getMessage().toLowerCase().includes("компонента") { ban(user); }

😂

import React, { useEffect } from "react";
import { connect } from "react-redux";
import { getUsers } from "../actions/usersActions";

const Users = ({ users, getUsers }) => {
  useEffect(() => {
    getUsers();
  }, []);

  console.log("FROM SERVER", users);
  return (
    <div>
      {users.map((u) => (
        <React.Fragment key={u.id}>
          <h6>{u.name}</h6>
        </React.Fragment>
      ))}
    </div>
  );
};

const mapStateToProps = (state) => ({ users: state.users });

export default connect(mapStateToProps, { getUsers })(Users);

{users.map((u) => (
        <React.Fragment key={u.id}>
          <h6>{u.name}</h6>
        </React.Fragment>
      ))}

Может кто-то помочь с этим ?

Основы Реакта. На первом рендере users пустой, после UseEffect подбирает данные и экшен отправляет их на стор.

users?.length > 0 && users.map(...)