How to use @talend/react-containers - 10 common examples

export default function* start() {
	yield takeLatest(ComponentForm.ON_SUBMIT, doSubmit);
}

sagaMiddleware.run(rootSaga);

		api.registerInternals();

		/**
		 * Register route functions
		 */
		const additionalRouteFunctions = additionalConfiguration.routeFunctions;
		if (additionalRouteFunctions) {
			Object.keys(additionalRouteFunctions).map(k =>
				registerRouteFunction(k, additionalRouteFunctions[k]),
			);
		}

		registerAllContainers();

		dataset.configure();

		/**
		 * Register expressions in CMF expressions dictionary
		 */
		const additionalExpressions = additionalConfiguration.expressions;
		if (additionalExpressions) {
			registerExpressions(additionalExpressions);
		}
		registerExpressions(api.expressions);

		/**
		 * Register components in CMF Components dictionary
		 */
		registerComponent('App', App);

sagaMiddleware.run(rootSaga);

	api.registerInternals();

	/**
	 * Register route functions
	 */
	const additionalRouteFunctions = additionalConfiguration.routeFunctions;
	if (additionalRouteFunctions) {
		Object.keys(additionalRouteFunctions).map(k =>
			registerRouteFunction(k, additionalRouteFunctions[k]),
		);
	}

	registerAllContainers();

	dataset.configure();

	/**
	 * Register expressions in CMF expressions dictionary
	 */
	const additionalExpressions = additionalConfiguration.expressions;
	if (additionalExpressions) {
		registerExpressions(additionalExpressions);
	}
	registerExpressions(api.expressions);

	/**
	 * Register components in CMF Components dictionary
	 */
	registerComponent('App', App);

closeButton={false}
			>
				 {
						this.props.setState({ name: value, error: null });
					}}
					onCancel={() => this.props.setState({ error: null })}
				/>
				<hr>
				
			
		);
	}
}

static getContent(state) {
		const select = SelectObject.getState(state, PreparationCopyMoveModal.SELECT_OBJECT_ID);
		const title = state.cmf.components.getIn([PreparationCopyMoveModal.DISPLAY_NAME, 'default', 'name'], '');

		return {
			title,
			destination: select.get('selectedId', ''),
		};
	}

export function* search(payload) {
	yield put(Typeahead.setStateAction({ searching: true }, 'headerbar:search'));

	const categories = api.registry.getFromRegistry('SEARCH_CATEGORIES_BY_PROVIDER');
	const providers = Object.keys(categories);
	const service = new SearchService(categories);
	const batches = providers.map(
		provider => service.build(
			provider,
			payload,
		)
	);
	const results = (
			yield all(batches.map(request => call(...request)))
		).map(
			(result, index) => service.transform(providers[index], result)
		);

export function* open() {
	const uris = yield select(state => state.cmf.collections.getIn(['settings', 'uris']));
	yield put({
		type: Constants.ABOUT_DIALOG_SHOW,
		url: uris.get('apiVersion'),
	});
}

			onClick: () => dispatch(setComponentFormDirtyState(componentId, false)),
		},

function mapStateToProps(state) {
	return { dirty: isComponentFormDirty(state, componentId) };
}

notSelected = ();
    }  else {
        const lang = new URLSearchParams(window.location.search).get('language') || 'en';
        form = (
             0 ? '&' : '?'}language=${lang}`}
                triggerURL={`/api/v1/application/action`}
                lang={lang}
                customTriggers={registry}
            />
        );
        if (props.submitted) {
            const configuration = kit.flatten(props.uiSpec.properties);
            submitted = (
                <div>
                    <pre>{JSON.stringify(configuration, undefined, 2)}</pre>
                </div>
            );
        }
    }
    return (
        <div>
            <div>
                {notSelected}
                {form}
            </div>
            <div>
                {submitted}
            </div></div>