react 怎么使用js

在React中，JavaScript主要用于编写组件、处理状态管理和事件处理等核心功能。以下是基本步骤：

1. **声明组件**: 使用`function`或`class`创建React组件。函数组件接收props作为输入，并返回 JSX 渲染内容。例如：

   function MyComponent(props) {
     return <h1>Hello, {props.name}!</h1>;
   }

2. **渲染组件**: 使用`ReactDOM.render()`将组件挂载到HTML元素上：

   import React from 'react';
   import ReactDOM from 'react-dom';

   ReactDOM.render(<MyComponent name="World" />, document.getElementById('root'));

3. **状态管理**: 可以使用内置的`useState` hook在函数组件中添加状态：

   const [count, setCount] = useState(0);
   
   function handleClick() {
     setCount(count + 1);
   }

4. **生命周期方法**: 对于类组件，有多个生命周期方法可以用来在特定阶段执行操作，如`componentDidMount`用于初始化数据。

5. **事件处理**: 在JSX中，可以使用`on*`属性绑定事件处理函数，如`onClick`：

   function MyButton() {
     return <button onClick={() => alert('Button clicked!')}>Click me</button>;
   }

6. **函数式组件高级用法**：利用`useEffect`、`useReducer`、`useStateContext`等 hooks 进行更复杂的状态管理。

7. **API调用**: 当需要从服务器获取数据时，通常在组件内部发起请求，使用axios、fetch等库。

记住，始终推荐使用现代JavaScript语法（ES6+），因为React也支持它们。