在ReactJS中使用React Hooks使用StencilJS中的事件?

有谁能找到在ReactJS中使用React useRef()和useEffect()钩子使用StencilJS中创建的自定义事件的方法吗?

我看了StencilJS的相关文档,他们只涉及到数组和自定义对象。

我是前端开发的新手,所以任何帮助都将是正确的一步。

先谢谢你。

解决方案:

我已经为我的功能组件解决了这个问题,使用了useRef()和useEffect()React钩子,并得到了以下指导 本文,如下图所示。

import React, { useState, useRef, useEffect } from "react";

const Form = () => {
    const [ name, setName ] = useState('');
    const nameInputField = useRef(null);

    useEffect(() => {
        const { current } = nameInputField;

        //First parameter is the name of the event in Stencil component
        //Second parameter is the custom function
        current.addEventListener('onChanged', () => setName('Steph'););

        //Component is unmounting so removing the event listener
        return () => current.removeEventListener('onChanged', () => setName('Steph'););
    }, []);

    return (
        <stencil-component-with-event 
            ref={nameInputField} 
            value={name} 
            type='text' 
        />
    )
}

我希望这是有意义的:)

给TA打赏
共{{data.count}}人
人已打赏
未分类

Infinispan不将缓存实体删除复制到非协调人节点。

2022-9-10 20:32:35

未分类

Teams机器人框架渠道的数据主权问题。

2022-9-10 20:32:37

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索