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!

AppDynamics Summer Webinars

This summer, our mighty AppDynamics team is cooking up some delicious content on YouTube Live to satiate your ...

SOCin’ it to you at Splunk University

Splunk University is expanding its instructor-led learning portfolio with dedicated Security tracks at .conf25 ...

Credit Card Data Protection & PCI Compliance with Splunk Edge Processor

Organizations handling credit card transactions know that PCI DSS compliance is both critical and complex. The ...