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
Did you miss .conf21 Virtual?

Good news! The event's keynotes and many of its breakout sessions are now available online, and still totally FREE!