132 lines
2.5 KiB
JavaScript
132 lines
2.5 KiB
JavaScript
<View
|
|
style={
|
|
{
|
|
someVeryLongStyle1: "true",
|
|
someVeryLongStyle2: "true",
|
|
someVeryLongStyle3: "true",
|
|
someVeryLongStyle4: "true"
|
|
}
|
|
}
|
|
/>;
|
|
|
|
<View
|
|
style={
|
|
[
|
|
{
|
|
someVeryLongStyle1: "true",
|
|
someVeryLongStyle2: "true",
|
|
someVeryLongStyle3: "true",
|
|
someVeryLongStyle4: "true"
|
|
}
|
|
]
|
|
}
|
|
/>;
|
|
|
|
<Something>
|
|
{() => (
|
|
<SomethingElse>
|
|
<span />
|
|
</SomethingElse>
|
|
)}
|
|
</Something>;
|
|
|
|
<Something>
|
|
{items.map(item => (
|
|
<SomethingElse>
|
|
<span />
|
|
</SomethingElse>
|
|
))}
|
|
</Something>;
|
|
|
|
<Something>
|
|
{function() {
|
|
return (
|
|
<SomethingElse>
|
|
<span />
|
|
</SomethingElse>
|
|
);
|
|
}}
|
|
</Something>;
|
|
|
|
<RadioListItem
|
|
key={option}
|
|
imageSource={this.props.veryBigItemImageSourceFunc &&
|
|
this.props.veryBigItemImageSourceFunc(option)}
|
|
imageSize={this.props.veryBigItemImageSize}
|
|
imageView={this.props.veryBigItemImageViewFunc &&
|
|
this.props.veryBigItemImageViewFunc(option)}
|
|
heading={this.props.displayTextFunc(option)}
|
|
value={option}
|
|
/>;
|
|
|
|
<ParentComponent prop={
|
|
<Child>
|
|
test
|
|
</Child>
|
|
}/>;
|
|
|
|
<BookingIntroPanel
|
|
prop="long_string_make_to_force_break"
|
|
logClick={data => doLogClick("short", "short", data)}
|
|
/>;
|
|
|
|
<BookingIntroPanel
|
|
logClick={data =>
|
|
doLogClick("long_name_long_name_long_name", "long_name_long_name_long_name", data)
|
|
}
|
|
/>;
|
|
|
|
<BookingIntroPanel
|
|
logClick={data => {
|
|
doLogClick("long_name_long_name_long_name", "long_name_long_name_long_name", data)
|
|
}}
|
|
/>;
|
|
|
|
<Component
|
|
onChange={(
|
|
key: "possible_key_1" | "possible_key_2" | "possible_key_3",
|
|
value: string | Immutable.List<string>,
|
|
) => {
|
|
this.setState({
|
|
updatedTask: this.state.updatedTask.set(key, value)
|
|
});
|
|
}}
|
|
/>;
|
|
|
|
<BookingIntroPanel>
|
|
{data => doLogClick("short", "short", data)}
|
|
</BookingIntroPanel>;
|
|
|
|
<BookingIntroPanel>
|
|
{data =>
|
|
doLogClick("long_name_long_name_long_name", "long_name_long_name_long_name", data)
|
|
}
|
|
</BookingIntroPanel>;
|
|
|
|
<BookingIntroPanel>
|
|
{data => {
|
|
doLogClick("long_name_long_name_long_name", "long_name_long_name_long_name", data)
|
|
}}
|
|
</BookingIntroPanel>;
|
|
|
|
<Component>
|
|
{(
|
|
key: "possible_key_1" | "possible_key_2" | "possible_key_3",
|
|
value: string | Immutable.List<string>,
|
|
) => {
|
|
this.setState({
|
|
updatedTask: this.state.updatedTask.set(key, value)
|
|
});
|
|
}}
|
|
</Component>;
|
|
|
|
<SuspendyTree>
|
|
<div style={{ height: 200, overflow: "scroll" }}>
|
|
{Array(20)
|
|
.fill()
|
|
.map((_, i) => (
|
|
<h2 key={i}>{i + 1}</h2>
|
|
))}
|
|
</div>
|
|
</SuspendyTree>;
|