1.0.0 • Published 3 years ago
react-user-information v1.0.0
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. |
1.0.0
3 years ago