Untitled

1- update the code to display the state list separated by , you can use .join(',') on the answer.state



    const renderResponse = (colData, rowData, index) => {
        return rowData.answers?.map((answer) =>
            showAnswer !== true ? (
                <a onClick={() => renderAnswers(answer.state)}>{answer.state}</a>
            ) : answer.state === selectedState ? (
                <div>{answer.answer}</div>
            ) : (
                <></>
            ),
        );
    };


2- for the program and categories , we might get multiple values like: {programs: 'SNAP,LIHEAP',}
so update the code so that if there are multiple values then display them comma separated

<Para
                                                labelKey="program"
                                                className="ux-rfi-label-normal font-weight-bold"></Para>
                                            {' ' +
                                                Util.getRefTableDescriptionByCode(
                                                    ConstantKeys.REF_TABLE_NAMES.PROGRAM,
                                                    rfiDetail.programs,
                                                )}
                                            <br />
                                            <Para
                                                labelKey="category"
                                                className="ux-rfi-label-normal font-weight-bold"></Para>
                                            {' ' +
                                                Util.getRefTableDescriptionByCode(
                                                    ConstantKeys.REF_TABLE_NAMES.CATEGORY,
                                                    rfiDetail.category,
                                                )}