将数据类属性绑定到react组件

import React from 'react';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>{this.props.title}</h1>
        <p>{this.props.description}</p>
      </div>
    );
  }
}

// 使用MyComponent并传递props
function App() {
  return (
    <MyComponent title="Hello World" description="This is a sample component." />
  );
}

export default App;

import React from 'react';

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

  increment = () => {
    this.setState({ count: this.state.count + 1 });
  };

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

export default Counter;

this.setState((prevState) => ({ count: prevState.count + 1 }));

import React, { memo } from 'react';

const MyComponent = memo(function MyComponent(props) {
  /* 渲染组件 */
});

// 确保父组件传递正确的数据
<MyComponent title="Correct Title" description="Correct Description" />