Zurück zu blog
21. Jan. 2025
1 Minuten Lesezeit

React - Rest Props für flexible Komponenten

Ich habe gelernt, wie mit rest properties flexiblere Komponenten gestaltet werden können.
//App.jsx
import Input from './components/Input';
function App() {
 return (
    <div id="content">
       <Input type="text" placeholder="Your name" />
       <Input richText placeholder="Your message" />
    </div>
 );
}
export default App;
//Input.jsx
import React from "react";

export default function Input({richText, placeholder, ...props}) {
 if (richText){
    return <textarea placeholder={placeholder} {...props}></textarea>;
 } else {
    return <input placeholder={placeholder} {...props}></input>
  }
}