connection.optionsArray.map((option) => { return ( <Form.Group widths="equal" key={option.id}> <Form.Input placeholder="Key" onChange={(e, data) => _onChangeOption(option.id, data.value, "key")} /> <Form.Input onChange={(e, data) => _onChangeOption(option.id, data.value, "value")} placeholder="Value" /> <Form.Button icon onClick={() => _removeOption(option.id)}> <Icon name="close" /> </Form.Button> </Form.Group> ); })
connection.optionsArray.map((option) => { return ( <Form.Group widths="equal" key={option.id}> <Form.Input placeholder="Header name" value={option.key} onChange={(e, data) => _onChangeOption(option.id, data.value, "key")} /> <Form.Input onChange={(e, data) => _onChangeOption(option.id, data.value, "value")} value={option.value} placeholder="Value" /> <Form.Button icon onClick={() => _removeOption(option.id)}> <Icon name="close" /> </Form.Button> </Form.Group> ); })