React循环和设置状态

const numbers = [1, 2, 3, 4, 5];
const numberList = numbers.map((number) => <li key={number}>{number}</li>);

// 在组件中渲染生成的列表
return <ul>{numberList}</ul>;

const numbers = [1, 2, 3, 4, 5];
const numberList = [];

for (let i = 0; i < numbers.length; i++) {
  numberList.push(<li key={numbers[i]}>{numbers[i]}</li>);
}

// 在组件中渲染生成的列表
return <ul>{numberList}</ul>;

import React, { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increase</button>
    </div>
  );
}

import React from 'react';

class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  increaseCount() {
    this.setState({ count: this.state.count + 1 });
  }

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={() => this.increaseCount()}>Increase</button>
      </div>
    );
  }
}