Bu React bileşeni, kullanıcının IP adresini alır ve şehir, ülke gibi ek bilgileri görüntüler.
npm install react-user-information
komutunu kullanarak, bu bileşeni projenize ekleyebilirsiniz.
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. |