罗广聪

哈哈哈,只剩设置基本信息了

... ... @@ -8,7 +8,8 @@ import {
TouchableOpacity,
Image,
TextInput,
KeyboardAvoidingView
KeyboardAvoidingView,
AsyncStorage
} from "react-native";
import WebView from "../../Components/CommonWebView";
... ... @@ -18,17 +19,34 @@ export default class Details extends Component {
this.state = {
data: this.props.navigation.state.params.item,
// 留言
text: "",
comments: []
content: "",
comments: [],
IS_LOGIN: "",
USER_ID: "",
NICKNAME: "",
PROFESSION: ""
};
}
componentWillMount() {
console.log("详情页", this);
this.getComments();
var _that = this;
AsyncStorage.multiGet(
["IS_LOGIN", "USER_ID", "NICKNAME", "PROFESSION"],
(err, result) => {
if (err) {
console.error(err);
}
_that.setState({
IS_LOGIN: result[0][1],
USER_ID: result[1][1] != null ? result[1][1].toString() : "",
NICKNAME: result[2][1] != null ? result[2][1].toString() : "",
PROFESSION: result[3][1] != null ? result[3][1].toString() : ""
});
console.log("详情页", this.state);
}
);
}
componentDidMount() {
// this.getComments();
}
componentDidMount() {}
render() {
const { data, comments } = this.state;
... ... @@ -98,8 +116,8 @@ export default class Details extends Component {
<TextInput
style={styles.msgInput}
placeholder="留言"
onChangeText={text => this.setState({ text })}
value={this.state.text}
onChangeText={content => this.setState({ content })}
value={this.state.content}
autoCapitalize="none"
selectionColor="#1B9341"
clearTextOnFocus={true}
... ... @@ -153,17 +171,22 @@ export default class Details extends Component {
})
.catch(err => console.error(err));
}
sendMsg() {
addComment() {
var that = this,
formData = new FormData();
// 请求文章数据
id = this.state.USER_ID,
articleID = this.state.data.id,
content = this.state.content,
formData = new FormData();
formData.append("user", id);
formData.append("article", articleID);
formData.append("content", content);
return fetch(`https://devpay.brae.co/test/insurance/comment/add`, {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json"
}
},
body: formData
})
.then(resp => {
if (resp.status === 200) {
... ... @@ -176,16 +199,21 @@ export default class Details extends Component {
if (respJson.enmsg != "ok") {
alert(respJson.cnmsg);
} else {
that.getComments();
that.setState({
ListData: respJson.data.data
content: ""
});
console.log("state.ListData", this.state.ListData);
}
})
.catch(err => console.error(err));
this.setState({
text: ""
});
}
sendMsg() {
if (this.state.IS_LOGIN != "yes") {
alert("请先登录账号");
return false;
} else {
this.addComment();
}
}
}
... ...
... ... @@ -19,25 +19,28 @@ export default class Mine extends Component {
IS_LOGIN: "",
USER_ID: "",
NICKNAME: "",
PROFESSION: "",
PROFESSION: ""
};
this.saveResponse1 = this.saveResponse1.bind(this);
this.saveResponse2 = this.saveResponse2.bind(this);
}
componentWillMount() {
var _that = this;
AsyncStorage.multiGet(["IS_LOGIN","USER_ID","NICKNAME","PROFESSION"],(err, result) => {
if (err) {
console.error(err);
AsyncStorage.multiGet(
["IS_LOGIN", "USER_ID", "NICKNAME", "PROFESSION"],
(err, result) => {
if (err) {
console.error(err);
}
console.log("最初始的四个个值", result);
_that.setState({
IS_LOGIN: result[0][1],
USER_ID: result[1][1] != null ? result[1][1].toString() : "",
NICKNAME: result[2][1] != null ? result[2][1].toString() : "",
PROFESSION: result[3][1] != null ? result[3][1].toString() : ""
});
}
console.log("最初始的四个个值",result)
_that.setState({
IS_LOGIN: result[0][1],
USER_ID: (result[1][1] != null) ? result[1][1].toString() : "",
NICKNAME: (result[2][1] != null) ? result[2][1].toString() : "",
PROFESSION: (result[3][1] != null) ? result[3][1].toString() : "",
})
})
);
}
componentDidMount() {
// console.log("hello,AsyncStorage");
... ... @@ -45,8 +48,13 @@ export default class Mine extends Component {
signOut() {
var _that = this;
AsyncStorage.multiSet(
[["IS_LOGIN", "no"], ["USER_ID",""], ["NICKNAME",""],["PROFESSION",""]],
function (err) {
[
["IS_LOGIN", "no"],
["USER_ID", ""],
["NICKNAME", ""],
["PROFESSION", ""]
],
function(err) {
if (err) {
console.log("存储出错", err);
return false;
... ... @@ -55,11 +63,11 @@ export default class Mine extends Component {
IS_LOGIN: "no",
USER_ID: "",
NICKNAME: "",
PROFESSION: "",
})
console.log("退出登录后的值",_that.state)
}
)
PROFESSION: ""
});
console.log("退出登录后的值", _that.state);
}
);
}
saveResponse1(d) {
if (this.state.IS_LOGIN == "yes") {
... ... @@ -77,10 +85,25 @@ export default class Mine extends Component {
<View style={styles.container}>
{/* 头部头像 */}
<View style={styles.header}>
<Image
{this.state.IS_LOGIN == "yes" ? (
<Image
source={require("../../assets/Mine/iconpic1.png")}
style={styles.mineIcon}
/>
) : (
<Image
source={require("../../assets/Mine/iconpic_gray.png")}
style={styles.mineIcon}
/>
)}
{/* <Image
source={require("../../assets/Mine/iconpic1.png")}
style={styles.mineIcon}
/>
<Image
source={require("../../assets/Mine/iconpic_gray.png")}
style={styles.mineIcon}
/> */}
</View>
<View style={styles.midContainer}>
{/* 更改昵称 */}
... ... @@ -99,7 +122,9 @@ export default class Mine extends Component {
</View>
<View style={styles.itemRight}>
{this.state.IS_LOGIN === "yes" ? (
<Text style={styles.itemRightContent}>{this.state.NICKNAME}</Text>
<Text style={styles.itemRightContent}>
{this.state.NICKNAME}
</Text>
) : null}
<Image
style={styles.itemRightImg}
... ... @@ -122,7 +147,9 @@ export default class Mine extends Component {
<Text style={styles.leftTitle}>设置职业</Text>
</View>
<View style={styles.itemRight}>
<Text style={styles.itemRightContent}>{this.state.PROFESSION}</Text>
<Text style={styles.itemRightContent}>
{this.state.PROFESSION}
</Text>
{this.state.IS_LOGIN === "yes" ? (
<Text style={styles.itemRightContent}>
{this.state.identity}
... ... @@ -143,15 +170,17 @@ export default class Mine extends Component {
onPress={() => {
this.state.IS_LOGIN == "yes"
? this.signOut()
: navigate("Login", { refreshCallback: (data)=>{
console.log("refreshCallback参数",data);
this.setState({
IS_LOGIN: data.IS_LOGIN,
USER_ID: data.USER_ID,
NICKNAME: data.NICKNAME,
PROFESSION: data.PROFESSION,
})
} });
: navigate("Login", {
refreshCallback: data => {
console.log("refreshCallback参数", data);
this.setState({
IS_LOGIN: data.IS_LOGIN,
USER_ID: data.USER_ID,
NICKNAME: data.NICKNAME,
PROFESSION: data.PROFESSION
});
}
});
}}
>
<Text style={styles.loginOutText}>
... ...