React get attribute of a component instance

Question

I have a child component of a component. And I want to get and use its placeholder attribute. How can I do this?

I tried the following

<Namer>
    <input placeholder="firstname" type="text"/>
</Namer>

component code

function Namer({children}){
    return <div>
        {children.map(child=>{
            <>
                <label>{child.getAttribute("placeholder")}</label>
                {child}
            </>
        })}
    </div>
}

Abraham · Accepted Answer · 2021-09-08 09:30:06Z

1

Found it in the propsfield of the component. so I used child.props.placeholder

children.map(child=>{
    <>
        <label>{child.props.placeholder}</label>
        {child}
    </>
})

edited Sep 8, 2021 at 9:30

answered Sep 7, 2021 at 12:27

Abraham

16.3k12 gold badges91 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React get attribute of a component instance

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related