React Learner Discovers JavaScript Computed Property Names While Building Meme Generator

A developer following freeCodeCamp's React course encountered a confusing syntax pattern while building a controlled meme generator component. The puzzling line involved square brackets around a variable inside an object literal, which turned out to be a computed property name rather than an array operation. This JavaScript feature evaluates a variable at runtime and uses its value as the object key, allowing a single event handler to update different state properties based on which input triggered the event. Without the brackets, the handler would have literally set a key called 'name' instead of the intended dynamic keys like 'topText' or 'bottomText'. Tracing the full data flow from JSX attribute to event object to computed key helped the developer grasp how one concise function can replace multiple separate input handlers.