“Rekwizyty komponentów TypeScript” Kod odpowiedzi

Przykład komponentu reagowania TSX TSX

import React from 'react';

interface Props {
}

const App: React.FC<Props> = (props) => {
  return (
    <div><div/>
  );
};

export default App;
Ivan Fenchyn

Komponent klasowy rekwizytów typucript

class Test extends Component<PropsType,StateType> {
  constructor(props : PropsType){
    	super(props)
  }
  
  render(){
   	console.log(this.props) 
    return (
     	<p>this.props.whatever</p> 
    )
  }
  
};
Kezza23

Uzyskaj rekwizyty komponentu Typincript

type ViewProps = React.ComponentProps<typeof View>
// or
type InputProps = React.ComponentProps<'input'>
Happy Hornet

Rekwizyty komponentów TypeScript

import React from 'react'
type ImageProps = {
  src: string
  alt?: string
}

const FeatureImage: React.FC<ImageProps> = ({ src }) => {
  return (
    <div className="w-[300px] md:[300px] lg:[320px] shadow-2xl font-Raleway">
      <img src={src} alt="Card Items 1" className="w-full h-auto" />
    </div>
  )
}

export default FeatureImage
Sab Tech

Odpowiedzi podobne do “Rekwizyty komponentów TypeScript”

Pytania podobne do “Rekwizyty komponentów TypeScript”

Więcej pokrewnych odpowiedzi na “Rekwizyty komponentów TypeScript” w TypeScript

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

Przeglądaj inne języki kodu