#React-native #Programming #ReactNative
Let’s safely use smartphones, etc. Thank you.
Let’s study.
Component, user HTML tags.
props = property.
User HTML tags making, possible property on that HTML tag.
- For example, make a word that, Computer tag,
<Computer></Computer>
- And make property. props. For example, name.
<Computer name=""></Computer>
-
And that Computer tag use on const, function.
-
And Computer tag make on const, function, too.
then,
const function. Like this expression have.
const Computer () => {}
It’s <Computer/>
User Html Tag.
Expression, programming.
Not a complete. what a next have?
It’s a function, so return have,
Need a property to have too.
Before,
const Computer () => {} //Expression, programming.
Computer, user HTML tag. The expression on programming.
- It’s a function, have return() words in.
So,
const Computer() => {return();}
and,
- It’s a user HTML tag, props word in. It’s an HTML property.
const Computer(props) => {return();}
What a next? Let’s study~.
return(); in, <View>
tag, <Text>
tag writing possible.
props, side by side use.
{props.name} or <Computer name="desktop"/>
For example, Coding.
//Start Coding Text.
import React from ‘react’;
import { Text, View } from ‘react-native’;
const Computer = (props) => {
return (
<View>
<Text>{props.name}</Text>
</View>
);
}
const Room = () => {
return (
<View>
<Computer name="DeskTop" />
<Computer name="NoteBook" />
);
}
export default Room;
//End coding Text.
Let’s safely use smartphones, etc.
방금 전에 트위터로 적었던 글을 복사 붙여넣기하고, 편집했습니다. 좋은 내용같아서, 이렇게 적어보네요. 글 편집이 힘들기도 하고… 또, 이런 글도 있을 수 있잖아요. 그래서, 이렇게 적어두네요. 공부하면, 또 잘 되잖아요.
리액트 네이티브. 재미있는 것 같아요. 공부해보세요~.
스마트 기기. 안전하게 사용해요. 좋은 개발되세요~.
I recommend, http://expo.io , https://reactnative.dev
Two sites. Good, React native coding.
Let’s study. Hope good development.
And How about church~. Jesus Christ. Phone calling to the church. Let’s go to there.
Thank you. watching my article, thank you.