“Destrukturowanie rekwizytów w React” Kod odpowiedzi

destrukcja tablicy w React

a =["Ravi", "Ronak", "Tushar"]

const [f,...h]=a
console.log(f,{...h}) // Ravi { '0': 'Ronak', '1': 'Tushar' }
console.log(f,...h) // Ravi Ronak Tushar
console.log([f,...h]) // [ 'Ravi', 'Ronak', 'Tushar' ]
console.log(a.toString) // [Function: toString]
console.log(a.toString()) // Ravi,Ronak,Tushar
console.log((a.toString().split(",").reverse()).toString()) // Tushar,Ronak,Ravi
console.log((a.toString().split(",").reverse())) // [ 'Tushar', 'Ronak', 'Ravi' ]
Raviraj Solanki

Destrukturowanie rekwizytów w React

const UserCard = ({ name, role, age, profilePic }) => {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Role: {role}</p>
      <p>Age: {age}</p>
      <img src={profilePic} alt={name} />
    </div>
  )
}

function App() {
  const user = {
    name: "Ranjeet",
    role: "WordPress Developer",
    age: 27,
    profilePic: "image.jpg",
  }

  return (
    <div>
        <UserCard {...user} />
    </div>
  )
}

export default App
Outrageous Ostrich

JS destruking in React

const [state, setState] = useState();

useEffect(() => {
  // do something
});
Puzzled Puffin

Odpowiedzi podobne do “Destrukturowanie rekwizytów w React”

Pytania podobne do “Destrukturowanie rekwizytów w React”

Więcej pokrewnych odpowiedzi na “Destrukturowanie rekwizytów w React” w JavaScript

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

Przeglądaj inne języki kodu

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel