react jsx项目里面怎么用less

要在React JSX项目中使用Less，你需要将Less安装到你的项目中，然后在你的组件中引入Less文件。

安装Less

使用npm安装Less：

npm install less --save

创建Less文件

在你的项目中创建一个Less文件，例如App.less。

// App.less
@primary-color: blue;

.app-container {
  background-color: @primary-color;
}

引入Less文件

在你的组件中，使用import语句引入Less文件，并在className中使用样式类。

import React from 'react';
import './App.less';

function App() {
  return (
    <div className="app-container">
      <h1>Hello World</h1>
    </div>
  );
}

export default App;

配置Webpack

如果你使用Webpack作为打包工具，需要在Webpack配置文件中添加Less的loader。

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.less$/,
        use: [
          'style-loader',
          'css-loader',
          'less-loader'
        ]
      }
    ]
  }
};

这样就可以在你的React JSX项目中使用Less了。