ReactJS中的jsx不使用Css。

在ReactJS中，JSX是一种JavaScript的语法扩展，它允许我们在JavaScript代码中编写类似HTML的结构。虽然JSX可以方便地定义组件的结构和内容，但它并不直接支持CSS样式。

然而，即使在JSX中不直接使用CSS，我们仍然可以通过以下几种方式来实现样式的控制：

1. 内联样式：可以在JSX元素中使用style属性来定义内联样式。这样可以直接在JSX中编写CSS样式，但需要注意使用驼峰命名法和字符串值。

const style = {
  color: 'red',
  fontSize: '16px',
};

function MyComponent() {
  return <div style={style}>Hello World</div>;
}

1. CSS模块化：可以使用CSS模块化的方式来管理样式。通过将CSS文件与组件进行关联，可以确保样式只在特定的组件中生效，避免全局样式冲突的问题。在React中，可以使用工具如Webpack来支持CSS模块化。

import styles from './MyComponent.module.css';

function MyComponent() {
  return <div className={styles.container}>Hello World</div>;
}

1. CSS-in-JS：可以使用CSS-in-JS的库来在JSX中编写CSS样式。这种方式将CSS样式直接嵌入到组件代码中，可以更灵活地根据组件状态来动态修改样式。常见的CSS-in-JS库有Styled Components和Emotion。

import styled from 'styled-components';

const StyledDiv = styled.div`
  color: red;
  font-size: 16px;
`;

function MyComponent() {
  return <StyledDiv>Hello World</StyledDiv>;
}

总结起来，虽然在ReactJS中的JSX不直接使用CSS，但我们可以通过内联样式、CSS模块化和CSS-in-JS等方式来实现样式的控制。具体选择哪种方式取决于项目需求和个人偏好。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）
• 腾讯云云原生应用引擎（TKE）
• 腾讯云对象存储（COS）
• 腾讯云人工智能（AI）
• 腾讯云物联网（IoT）
• 腾讯云移动开发（移动推送、移动分析）
• 腾讯云区块链（BCS）
• 腾讯云游戏多媒体引擎（GME）
• 腾讯云音视频处理（VOD）
• 腾讯云数据库（MySQL、MongoDB、Redis等）