آفلاین
user-avatar

multipage Websites

3 سال پیش
توسط حسام موسوی آپدیت شد
آفلاین
user-avatar
masoud parpanchi ( 950 تجربه )
3 سال پیش

سلام دوستان سوال بنده اینه که من میخوام وبسایتی طراحی کنم با create-react-app منتها موضوع اینجاس این سیستم تنها index.html رو شناسایی میکنه و من میخوام چندین صفحه جداگانه html داشته باشم . از react-router نمیخوام استفاده کنم به این خاطر که چند صفحه html ندارم در اونصورت. ایا اصلا همچین چیزی ممکن هست در ری اکت یا خیر؟

آفلاین
user-avatar
حسام موسوی ( 382309 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

با یه سرچ ساده در گوگل به نتیجه میرسیدید
به مثال زیر دقت کنید .

import CommentBox from './apps/CommentBox';
import OtherApp from './apps/OtherApp';

const APPS = {
  CommentBox,
  OtherApp
};

function renderAppInElement(el) {
  var App = APPS[el.id];
  if (!App) return;

  // get props from elements data attribute, like the post_id
  const props = Object.assign({}, el.dataset);

  ReactDOM.render(<App {...props} />, el);
}

document
  .querySelectorAll('.__react-root')
  .forEach(renderAppInElement)

و

<div>Some Article</div>
<div id="CommentBox" data-post_id="10" class="__react-root"></div>

<script src="/all.js"></script>

البته اینو بگم تنها این یه مثال بود

برای ارسال پاسخ باید وارد سایت شوید