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
.conf21 Now Fully Virtual!
Register for FREE Today!

We've made .conf21 totally virtual and totally FREE! Our completely online experience will run from 10/19 through 10/20 with some additional events, too!