Z tego kodu nie do końca rozumiem, czy chcem mieć tablice cars i drugą tags czy tablice obiektów cars które mają swoje tagi (to rozwiązanie wydaje mi się bardziej logiczne). Z kodu wynika bardziej, że chodzi o dwie niezależne tablice.
Wyświetlanie warunkowe możesz zrobić np w ten sposób (pewnie da się to zrobić bardziej elegancko). Przykład na podstawie pliku z importem bibliotek ze strony reacta (po prostu jest to prostrze do przesłania niż create react app.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Cars</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
const cars = ['Mercedes', 'Volksvagen', 'BMW', 'Audi', 'Ford', 'Opel', 'Skoda'];
const tags = [];
const List = (props) => {
const { array, name } = props;
const list = array.map((element, index) => (
<span key={index}> {element} </span>
));
return (
<>
<p>{name}</p>
{array.length > 0 ? list : null}
</>
)
}
const App = () => {
return (
<>
<List array={cars} name='cars' />
<List array={tags} name='tags' />
</>
)
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
</script>
</body>
</html>