react-user-information

Bu React bileşeni, kullanıcının IP adresini alır ve şehir, ülke gibi ek bilgileri görüntüler.

Kurulum

npm install react-user-information komutunu kullanarak, bu bileşeni projenize ekleyebilirsiniz.

Kullanım

import React, { useState } from "react";
import UserInformation from "react-user-information";

function App() {
  const [userInformation, setUserInformation] = useState("");
  const [isOpen, setIsOpen] = useState(true);

  return (
    <div>
      <UserInformation
        setUserInformation={setUserInformation}
        isOpen={isOpen}
        style={{ backgroundColor: "#f7f7f7", padding: "1rem" }}
      />
      <button onClick={() => setIsOpen(!isOpen)}>Bilgiyi Gizle/Göster</button>
    </div>
  );
}

| Prop | Açıklama | | ------------ | ------------------------------------------ | | userInformation | Kullanıcının IP adresini,Şehrini ve Ülkesini ayarlamak için kullanılır. | | isOpen | Bileşenin açık veya kapalı olup olmadığını belirtmek için kullanılır. | | style | Bileşenin container stiline ek özellikler eklemek için kullanılır. |