Open timaschew opened 8 years ago
Okay fixed the runtime error, but it still doesn't do what I want
<Translate to='/courses' content='goto-course-list' component='Link' >foo</Translate>
results of the parent element:
<div data-reactid=".0.0.1.0.1.0">
<link data-reactid=".0.0.1.0.1.0.1">zur Übersicht aller Kurse
</div>
@timaschew Would you mind creating a small example (gist?) which will help me to reproduce this? Thanks!
I am having the same problem when making a conditional component that may turn into react-router Link.
const Item = ({children, ...props}) => {
let Tag;
if (props.href)
Tag = 'a'
else if(props.to)
Tag = 'Link'
else
Tag = 'div'
return (
<Tag {...props} className={'item ' + (props.className || '')}>
{ children }
</Tag>
);
}
@mateusfccp Just a quick guess, but shouldn't it be Tag = Link
instead of Tag = 'Link'
?
I had this same problem and it was because I was using lower case instead of
I tried to pass a non native HTML element as component like this:
but I got this error, seems like the component was