Using react in hit design layout

Hi Bassam,

You can absolutely use your React app in your MTurk task.

Essentially, you just include the assets.crowd.aws script import, a script import for your react app, and a hidden input within <crowd-form> where your app dumps the answer data to be submitted, eg

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>
<script src="your react app's url.js"></script>

<crowd-form>
    <input type="hidden" name"answer"/>
</crowd-form>

This blog post (https://aws.amazon.com/blogs/machine-learning/build-a-custom-data-labeling-workflow-with-amazon-sagemaker-ground-truth/) talks about how to do this within the context of a SageMaker Ground Truth task, but the exact same approach works when using <crowd-form> with MTurk directly.

Reference: https://docs.aws.amazon.com/sagemaker/latest/dg/sms-ui-template-crowd-form.html

Edited by: SamH@AWS on Feb 27, 2020 1:30 PM

Got it. Thanks a lot SamH!

You're welcome