All Apps and Add-ons

Splunk Discover Alpha: React Input text now being shown

SarikaA
New Member

I'm trying to create a composed input text (joining 4 input components) but i'm not being able.

Everything seems to be OK and the only way I have been able to show the input text is by placing it in the render of the main React component (cardform). In the DOM explorer (chrome) the only component I an empty cardNumberFullField

This is the HTML:

This is the JS:

>     class CardForm extends React.Component {
>     constructor(props) {
>         super(props)
>     }
> 
>     render() {
>         return (
>             
>                 
>             
>         )
>     } }
> 
> function cardNumberFullField() {
>     return (
>         
>             
>             
>             
>             
>         
>     ) }
> 
> function cardNumberInputField(props) {
>     return (
>         
>              name={props.inputName} type="text" />
>         
>     ) }
> 
> // Main render
> ReactDOM.render(,
> document.getElementById("root"))
0 Karma

mstjohn_splunk
Splunk Employee
Splunk Employee

Hi @SarikaA. Did you mean to leave "This is the HTML:" empty? There doesn't seem to be any information following that. Thanks for posting. Not sure what happened, but that information might give the community the info they need to answer your question! Thanks for posting and happy Splunking.

0 Karma
Get Updates on the Splunk Community!

Observability Unlocked: Kubernetes & Cloud Monitoring with Splunk IM

Ready to master Kubernetes and cloud monitoring like the pros? Join Splunk’s Growth Engineering team on ...

Index This | What did the zero say to the eight?

June 2025 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this month’s ...

Splunk Observability Cloud's AI Assistant in Action Series: Onboarding New Hires & ...

This is the fifth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...