Bird
0
0

Given this simple block edit function, what will be rendered in the editor?

medium📝 component behavior Q13 of 15
Wordpress - Content Management
Given this simple block edit function, what will be rendered in the editor?
const edit = () => {
return <p>Welcome to Gutenberg!</p>;
};
AA paragraph with text 'Welcome to Gutenberg!'
BAn empty block with no content
CA syntax error preventing rendering
DA button labeled 'Welcome to Gutenberg!'
Step-by-Step Solution
Solution:
  1. Step 1: Analyze the edit function return value

    The function returns a paragraph element with the text 'Welcome to Gutenberg!'.
  2. Step 2: Understand editor rendering behavior

    The editor shows the returned JSX content, so a paragraph with that text appears.
  3. Final Answer:

    A paragraph with text 'Welcome to Gutenberg!' -> Option A
  4. Quick Check:

    JSX return = paragraph text shown [OK]
Quick Trick: JSX returned in edit shows as block content in editor [OK]
Common Mistakes:
  • Thinking it renders a button
  • Assuming syntax error without checking code
  • Expecting empty content when JSX is returned

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Wordpress Quizzes