# setValue

## Description

Allows users to set a value to a component.

## Input / Parameter

| Name        | Description                                        | Input Type  | Default | Options | Required                       |
| ----------- | -------------------------------------------------- | ----------- | ------- | ------- | ------------------------------ |
| component   | The name of the component.                         | String/Text | -       | -       | Yes, if componentId is not set |
| componentId | The component ID (for components in FlatList item) | String/Text | -       | -       | Yes, if component is not set   |
| value       | The value to be set for the component.             | String/Text | -       | -       | Yes                            |

## Output

Note: The component will be updated to show the value that has been set to it.

## Example

In this example, we will set the value of a text input component, where once it is clicked the value of the text input component will change to say "This is the Input Box!"

### Steps

1. First, we drag a button and a text input onto the canvas.
2. Select the button and under the 'Actions' tab, drag the `Component.setValue` into the flow for the button.

   ![](/files/qfbZO8EmQlqkNarEXZ3F)
3. Under the inspector for this function, select the component whose value you would be changing, which in this example is `InputBox`.
4. Enter the new value to display.

   ![](/files/5GGC9NykDmozs32TdCYp)

### Result

1. Save and preview your app.
2. Now when you click the button, it will set the component value of InputBox to 'This is the Input Box!'

   ![](/files/F2aKftHHLQXlp5v2hZvW)

## Links

### Related Information

See also:

* Functions
  * [Component.getValue](https://github.com/OrangeKloud/emobiq-documentation/blob/master/document/client/gitbook/2-5-actions-and-visual-logic/action-reference/react-native/Component/getValue/getValue.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.emobiq.com/emobiq-client/006-actions-and-visual-logic/action-reference/react-native/component/setvalue.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.