برای تولید مقادیر تصادفی در ReactJS همانند جاوا اسکریپت از کتابخانه Math استفاده می کنیم.
با استفاده از این کتابخانه می توانیم مقادیر با نوع های مختلف را به شکل تصادفی یا رندوم تولید کنیم.
تولید مقادیر تصادفی در ReactJS
به عنوان مثال می خواهیم چند خبر را به شکل رندوم در سایت نمایش دهیم که با هر بار ورود یکی از آنها نمایش داده شود، و یا اینکه یک دامنه اعداد تصادفی جهت کد امنیتی یا کچا تولید کنیم.
در مثال زیر یک تابع از نوع ArrowFunction تعریف کردیم به نام handleNameChange که با اسفاده از متد Math اعداد و عبارت های در نظر گرفته شده را به شکل رندوم و با هر بار رفرش در سایت نمایش می دهد.
function App() {
const handleNameChange = () => {
//const names = ["Payam", "Pouya", "Ali", "Reza"];
const names = [11,45,77,87];
const int = Math.floor(Math.random() * 4);
return names[int];
};
return (
<div className="App">
<p>Hello {handleNameChange()}</p>
</div>
);
}
export default App;
فایل و نمونه کدهای کاربردی React رو می تونید از آدرس گیت هاب در اینجا دانلود کنید.
امیدوارم این آموزش براتون مفید واقع شده باشه و بتونید به راحتی در پروژه های خودتون ازش استفاده کنید.
اگر سوال و یا مشکلی در این مورد دارید لطفا در قسمت دیدگاه های همین مطلب مطرح کنید تا بهم بررسیش کنیم.
—————————–
