Splunk Discover Alpha: React Input text now being shown

[SarikaA]

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"))

[mstjohn_splunk]

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.