“Przykład rekwizytów w React” Kod odpowiedzi

rekwizyty w klasie React

class MouseTracker extends React.Component {
  constructor(props) {
    super(props);
    this.handleMouseMove = this.handleMouseMove.bind(this);
    this.state = { x: 0, y: 0 };
  }

  handleMouseMove(event) {
    this.setState({
      x: event.clientX,
      y: event.clientY
    });
  }

  render() {
    return (
      <div style={{ height: '100vh' }} onMouseMove={this.handleMouseMove}>
        <h1>Move the mouse around!</h1>
        <p>The current mouse position is ({this.state.x}, {this.state.y})</p>
      </div>
    );
  }
}
Beast

Przykład rekwizytów w React

const Banner = props => {
  const name = props.name
  return <div>Hello {name}</div>
}

function App() {
  return (
    <div>
      <Banner name="Ranjeet" />
    </div>
  )
}

export default App
Outrageous Ostrich

rekwizyty

class Checkbox extends React.Component {
  constructor(props) {
    super(props);
    this.state = { isOn: true };
  }
  // ...
}
Doubtful Dingo

Odpowiedzi podobne do “Przykład rekwizytów w React”

Pytania podobne do “Przykład rekwizytów w React”

Więcej pokrewnych odpowiedzi na “Przykład rekwizytów w React” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu