enum result{
fail=(<StyleDiv>fail</StyleDiv>),
success=(<StyleDiv>success</StyleDiv>)
}
function(){
return result.fail
}
How can i do this? Should i change ways to do this?
You need to create an object with keys as enum members:
enum resultKeys {
fail,
success,
}
const result = {
[resultKeys.fail]: <StyleDiv>fail</StyleDiv>,
[resultKeys.success]: <StyleDiv>success</StyleDiv>,
};
Or if every member of result
is the same StyleDiv
component you can store only children as the value of each key in result:
enum resultKeys {
fail,
success,
}
const result = {
[resultKeys.fail]: "fail",
[resultKeys.success]: "success",
};
function getStyleDiv(key: resultKeys): JSX.Element {
return <StyleDiv>{result[key]}</StyleDiv>;
}
const fail = getStyleDiv(resultKeys.fail);