Вот несколько методов в React с примерами кода:
- Компонент класса:
import React, { Component } from "react";
class MyComponent extends Component {
render() {
return <div>Hello, World!</div>;
}
}
export default MyComponent;
- Функциональный компонент:
import React from "react";
function MyComponent() {
return <div>Hello, World!</div>;
}
export default MyComponent;
- Управление состоянием с помощью useState Hook:
import React, { useState } from "react";
function MyComponent() {
const [count, setCount] = useState(0);
const incrementCount = () => {
setCount(count + 1);
};
return (
<div>
<p>Count: {count}</p>
<button onClick={incrementCount}>Increment</button>
</div>
);
}
export default MyComponent;
- Реквизит:
import React from "react";
function MyComponent(props) {
return <div>Hello, {props.name}!</div>;
}
export default MyComponent;
- Обработка событий:
import React from "react";
function MyComponent() {
const handleClick = () => {
console.log("Button clicked!");
};
return <button onClick={handleClick}>Click Me</button>;
}
export default MyComponent;
Это всего лишь несколько примеров методов и концепций React. Есть еще много функций и методов, которые стоит изучить.