Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.6k views
in Technique[技术] by (71.8m points)

javascript - How to inject a React component asynchronously?

I'm trying to use this library https://developers.timekit.io/docs/booking-widget-v2#getting-started and in the instruction set it mentioned: "This is ideal for usage in single page applications like Angular.js, where you'd injecting async in your template and control it through JS in your controller/directive/component code." instantiation instruction How exactly do I do that? This is what my approach so far, but it is not working.

import React from 'react';
import TimekitBooking from 'timekit-booking';

const App = () => {
  let widget = new TimekitBooking();
  return (
    <div>
      <h1>Hello</h1>
      {widget
        .init({
          app_key: 'test_widget_key_0rZsWpUP40J8jXFgU6odRQexukqAxCYu',
          project_id: 'fc81fa67-eaef-4c49-af64-f908fced2714',
        })
        .then(() => {
          return <div id="bookingjs"></div>;
        })}
    </div>
  );
};

expor

t default App;


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...