小编kan*_*pan的帖子

当嵌入式 Calendly 小部件中安排事件时,如何运行代码?

当我使用 Calendly 安排活动时,我使用 Calendly API 令牌显示活动创建日期,但该日期仅在重新加载页面后显示,而不是我希望在安排活动后在控制台中更新一次。

下面是代码。

import React, { useState, useEffect } from 'react';
import axios from 'axios';
import { InlineWidget } from 'react-calendly';

const Calendly = () => {

    const [state] = useState()

    useEffect(() => {
        axios({
            method: 'get',
            url: 'https://v1.nocodeapi.com/user/calendly/hobiiHVeoqPxvtTc',
        }).then(function (response) {
                // handle success
                console.log(response.data.collection[response.data.collection.length - 1].created_at);
        }).catch(function (error) {
                // handle error
                console.log(error);
        })
    }, [state])
    return (
        <div>
            <InlineWidget url="https://calendly.com/user/15min"
                styles={{
                    height: '1000px'
                }}
                pageSettings={{
                    backgroundColor: 'ffffff',
                    hideEventTypeDetails: false,
                    hideLandingPageDetails: false,
                    primaryColor: '00a2ff', …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs calendly

8
推荐指数
1
解决办法
4914
查看次数

标签 统计

calendly ×1

javascript ×1

reactjs ×1