访问React组件内的HTML元素

亚龙

我有一个React组件InputComponent,我无法编辑,我想获得对其内部div之一的引用。(例如,为了专注于输入字段)。

const RefsExamplePage = () => {

    return (
        <div>

            <div>
                <InputComponent
                title="Test component"
                ></InputComponent>
            </div>

        </div>

    )
}

export default RefsExamplePage;

我该如何实现?

文科夫斯基

我无法编辑

如果您无法编辑它,那么您唯一可以做的就是传递ref给它,并希望InputComponent实现引用。

例如

const RefsExamplePage = () => {

    // use inputRef.current to access the input reference
    const inputRef = React.useRef()    

    return (
        <div>

            <div>
                <InputComponent
                    ref={inputRef}
                    title="Test component"
                />
            </div>

        </div>

    )
}

如果这不起作用或给您带来一些错误,则需要修改InputComponent

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么React无法缓存子组件的html元素?

来自分类Dev

访问Vuejs组件内的元素

来自分类Dev

访问React组件的道具

来自分类Dev

如何从组件访问父HTML元素?

来自分类Dev

访问HTML内的<li>元素

来自分类Dev

使用Enzyme Jest测试React组件以查找HTML元素

来自分类Dev

如何在VBA中访问HTML集合内的元素?

来自分类Dev

访问Tab组件内的组件

来自分类Dev

在React组件的HTML元素内添加属性

来自分类Dev

访问React组件的关键属性

来自分类Dev

如何在挂钩内访问当前组件的顶级元素ref?

来自分类Dev

样式化组件React HTML元素工厂

来自分类Dev

在React中访问组件状态

来自分类Dev

React功能组件,如何从元素dragStart / dragEnd回调中访问外部函数变量

来自分类Dev

如何在React的父组件上通过onChange调用访问内部虚拟DOM元素

来自分类Dev

在React组件内显示自定义第三方html元素

来自分类Dev

从自身访问Web组件元素

来自分类Dev

如何访问另一个React组件中呈现的元素?

来自分类Dev

使用KO访问HTML元素内的绑定值

来自分类Dev

如何从React中的复合组件访问html组件?

来自分类Dev

如何正确访问试剂组件的子元素?

来自分类Dev

访问组件内的导出组件

来自分类Dev

如何访问外部组件的内部元素

来自分类Dev

访问 ... 子组件的父组件的父组件的 html 元素

来自分类Dev

如何访问/引用组件内的组件值

来自分类Dev

react-Native:访问父组件内的子组件功能

来自分类Dev

是否可以使用 ref 访问数组映射函数内的 React 组件?

来自分类Dev

可以访问 React 组件状态的样式组件?

来自分类Dev

如何访问组件内具有重复名称的弹出元素?

Related 相关文章

热门标签

归档