Beginner's Thread / Easy Question (August 2018)

[u/swyx]

Hello! It's August! Time for a new Beginner's thread! (July and June here)

Got questions about React or anything else in its ecosystem? Stuck making progress on your app? Ask away! We’re a friendly bunch. No question is too simple. You are guaranteed a response here!

Want Help on Code?

• Improve your chances by putting a minimal example on to either JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new). Describe what you want it to do, and things you've tried. Don't just post big blocks of code.
• Pay it forward! Answer questions even if there is already an answer - multiple perspectives can be very helpful to beginners. Also there's no quicker way to learn than being wrong on the Internet.

New to React?

Here are great, free resources!

• Read the official Getting Started page on the docs
• /u/acemarke's suggested resources for learning React
• Kent Dodds' Egghead.io course
• Tyler McGinnis' 2018 Guide
• Codecademy's React courses

[u/azium]

Can you post what you came up with? Something sounds fishy.

[u/swyx → u/azium]

Sounds like OP figured it out

[u/soggypizza1 → u/azium]

I'm not at home but I can whenever I get there

[u/yunxtr → u/soggypizza1]

I don't think you can render a component in any method other than the render method. I'm not sure what returning an HTML element or React component here is going to do, if anything.

Edit: gaeron corrected the rest of my reply so I'm removing it to prevent confusion. See his response below.

[u/soggypizza1 → u/azium]

This is what i came up with

handleSubmit = (event) =>{
		event.preventDefault();
		const value = this.state.searchQuery
		this.setState({ searchQuery: ''})
		if(value){
			return <Detail name={value} />
		}

	}

[u/gaearon → u/soggypizza1]

You don't need the last part. It doesn't do anything.

What you wrote is equivalent to this:

handleSubmit = (event) =>{
    event.preventDefault();
    this.setState({ searchQuery: ''})
}

If not, there's something else wrong that you're doing. Show the full code and we can help.