Hallo,
ab Rendering von Elementen kann ich das Beispiel mit React nicht mehr umsetzen.
Das erste Beispiel mit React-JS läuft nicht (ausgeklammert). Das mit reinem JavaScript aber schon. Mir ist nicht klar, was ich falsch gemacht haben soll, da ich die teil von Ab ins kalte Wasser kopiert habe.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="root"></div>
<script crossorigin src="https://unpkg.com/react@16.8.4/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16.8.4/umd/react-dom.development.js"></script>
<script>
function changeTime() {
var time = new Date().toLocaleTimeString();
var target = document.getElementById('root');
target.textContent = 'Es ist jetzt ' + time + ' Uhr';
}
setInterval(changeTime, 1000);
/*
function showTime() {
var time = new Date().toLocaleTimeString();
var timeElement = (
<div>
<p>Es ist jetzt {time} Uhr</p>
</div>
);
ReactDOM.render(timeElement, document.getElementById('root'));
}
setInterval(showTime, 1000);
*/
</script>
</body>
</html>
Bei einem anderen Beispiel, war die Ausgabe auch schon anders, als im Buch beschrieben
const globalSettings = { language: 'en-US', timezone: 'Berlin/Germany' };
const userSettings = { mutedUsers: ['Manuel'] };
const allSettings = { ...globalSettings, ...userSettings };
console.log(allSettings);
ergab auf meiner Konsole:
{language: 'en-US', timezone: 'Berlin/Germany', mutedUsers: Array(1)}
Gruß,
Markus
Hallo,
ab Rendering von Elementen kann ich das Beispiel mit React nicht mehr umsetzen.
Das erste Beispiel mit React-JS läuft nicht (ausgeklammert). Das mit reinem JavaScript aber schon. Mir ist nicht klar, was ich falsch gemacht haben soll, da ich die teil von Ab ins kalte Wasser kopiert habe.
Bei einem anderen Beispiel, war die Ausgabe auch schon anders, als im Buch beschrieben
ergab auf meiner Konsole:
Gruß,
Markus