Adding a variable to this property in real-time

Is there a way to dynamically pass the item variable into this property? For example, if the item has a value of 35, is it possible for it to become

this.BookingConfirmationFormsState35
?

onChange( event, item ){
   console.log( this.BookingConfirmationFormsState+item ); // Not functioning correctly
}

Answer №1

To access the dynamic property name, you should utilize bracket notation like this:

this['BookingConfirmationFormsState' + item];

If item = 35, then the code above is basically the same as:

this.BookingConfirmationFormsState35

Answer №2

updateValue( evt, index ){
   console.log( this['BookingConfirmationFormsState' + index]);
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is it possible to loop through and update every spreadsheet within the directory using this code?

I'm having trouble figuring out how to loop the code provided through all spreadsheets in a specific folder. Every attempt I've made at iterating through the folder has resulted in errors, even after trying various methods. I plan to use a stand ...

Ways to adjust the width of the Dialog box in Jquery UI to 60% of the window size

Currently, I am utilizing Jquery UI for a pop-up feature that displays a table populated through an Ajax call. The script implementation is as follows: <script> $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: { ...

Utilizing a npm module in a web browser following importing in Node.js

I recently installed an npm module, but I'm having trouble figuring out how to use it in the browser after importing it. First, I installed the npm module using the following command (using a dummy example module): npm install sample-module In my p ...

Tips on changing an image with a button click

I am currently working on a project where I have a div tag containing an image that is selected randomly from different arrays based on topics. However, I am facing some challenges in making the image change when the "go" button is clicked. I want the if ...

What is the correct way to use a Higher Order Component to wrap the child components of a parent and display them in React?

Starting with a simple example that can be easily solved using React.cloneElement, but wanting more freedom and complexity in the project, I am looking for an alternative solution. The goal is to enhance the children of a Parent component with additional ...

Returning data to be displayed in Jade templates, leveraging Express and Node.js

Yesterday, I had a question. Instead of using next() and passing an Error object, I decided to figure out what it was doing and replicate it. So now, when someone logs in and it fails, I handle it like this: res.render("pages/home", { ...

Updating data in React when the route changes

As I navigate through different routes, I need to fetch data on the client side whenever a route changes. I've currently implemented the fetching of data within the componentDidMount function like this: componentDidMount() { this.props.fet ...

Is my data secure in Node.js RAM?

I have developed a web application that enables users to create personal pages using Express and Node.JS. Each page is represented as an object, allowing for the creation of new ones with the syntax: new privatePage(name, pswd). As a result, all passwords ...

5 Creative Techniques for Manipulating Boolean Variables in If Statements

I am receiving a unique custom header value and the values I am getting are accurate. The expected values include: true, false, undefined. However, the response associated with the value: false is incorrect. Code Snippet let deviceStatus = req.headers[ ...

Is it more suitable for a library used by getStaticProps to be classified as a normal dependency or a dev

When working with NextJS's getStaticProps, I am implementing a library that is only utilized during build time. Should this library be categorized as a regular or development dependency in my package.json? ...

Having trouble with CSS paths in EJS Node.JS Express when dealing with URLs containing multiple parameters?

Apologies for my limited English skills! Currently, I am working on a web application using NodeJS/Express and EJS as the template engine. I have encountered a problem in my development process. Below is the folder structure of my project: App folder/ ...

Merging asynchronous requests to create a unified GET endpoint

In my current project, I am attempting to make calls to a GET API with three different configurations for the region parameter. My goal is to combine the results into a single result object and have the API return it as JSON format. My approach involves u ...

Is there a way to instruct Babel to generate polyfills such as `__createClass` only once for multiple files?

In my project, I have multiple ES6 files, each containing at least one class. For every file, the __createClass, __interopRequireDefault, and __classCallback polyfilling functions are generated. I plan to concatenate them using browserify, but it seems re ...

Applying Vue Quill CSS to the initial Quill Editor component exclusively and tips for personalizing the toolbar

I have encountered an odd CSS issue while using the vue-quill package in my project. Each comment has its own quill editor for replying, and I temporarily set the isOpen prop to true for debugging purposes. This results in a quill editor being displayed un ...

What could be causing me to see a basic checkbox instead of a toggle switch in my React application?

I've been attempting to create a toggle switch that activates dark mode using Bootstrap switches, but when I save the code, it reverts back to a basic checkbox. According to the documentation, for older assistive technologies, these switch elements wi ...

When utilizing jQuery lightbox to pull data from a database using PHP/Ajax, it may require a double click the

Encountering a strange issue where I must click on specific buttons with unique IDs. These IDs are then sent through Ajax to a PHP script, which searches for corresponding entries in the database. The retrieved data is then displayed in a jQuery lightbox. ...

What is the best way to account for the 'elvis operator' within a given expression?

When connecting to my data from Firebase, I noticed that using the elvis operator is essential to avoid encountering undefined errors. Recently, as I delved into creating reactive forms, I encountered an issue with a component I developed that fetches actu ...

What is the best way to access and verify data from an array that has been passed through props

I am working with a component that takes an array as a prop <Component runners={['1','2']}/> Inside this functional component, my goal is to generate an element for each value in the array. Here's my logic: const { runners ...

Alignment problem with the text on the left

Utilizing remodal.js from the repository found at https://github.com/VodkaBears/Remodal to develop a modal interface: http://jsfiddle.net/j4wnov5z/. In essence, I am trying to align certain elements to the left, but encountering difficulties. For instanc ...

Ways to stop values from being turned into strings in javascript?

let str; let displayedNum; for (let i in imgURLArray){ str = "<li photonum="+i+">" + "<a>"+ (1+i) + "</a>" + "</li>"; $("ul.selection-list").append(str); } While looping through, I encountered an issue wher ...