How to create dynamic href in react render function?

Use string concatenation:

href={"https://stackoverflow.com/posts/" + post.id}

The JSX syntax allows either to use strings or expressions ({...}) as values. You cannot mix both. Inside an expression you can, as the name suggests, use any JavaScript expression to compute the value.